:root { --di-accent:#d4af37; }
.di-jobs{ --radius:16px; --pad:10px; --bg:#111; --soft:#1b1b1b; --text:#eee; --muted:#b9b9b9; color:var(--text); }
.di-jobs a{ color:inherit; text-decoration:none; }
.di-jobs-filters{
  display:grid;
  grid-template-columns:46px 1fr 1fr 1fr 1fr 1fr 120px;
  gap:10px;
  /* background:linear-gradient(145deg, rgba(255,255,255,0.06), rgba(255,255,255,0.03)); */
  /* border:2px solid var(--di-accent); */
  border-radius:20px;
  padding:12px;
  align-items:center;
  /* box-shadow: 0 8px 24px rgba(0,0,0,.25) inset, 0 8px 30px rgba(0,0,0,.25); */
}
.di-jobs-filters input[type=search],
.di-jobs-filters select{
  background:var(--soft); border:1px solid rgba(255,255,255,.1); color:var(--text);
  padding:10px 12px; border-radius:12px; outline:none;
}
.di-jobs-filters .di-apply{
  background: linear-gradient(45deg, black, #0000004f 60%, black);
  border:1px solid var(--di-accent);
  color: #fcd34d;
  padding:10px 14px;
  border-radius:12px;
  font-weight:600;
  cursor:pointer;
}
.di-jobs-filters .di-reset{
  width:46px; height:46px; border-radius:12px; background:var(--soft); color:var(--di-accent);
  border:1px solid rgba(255,255,255,.1); cursor:pointer; display:flex; align-items:center; justify-content:center;
}
.di-jobs .di-grid{
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin:18px 0 10px;
}
.di-card{
  background:#141414; border:1px solid rgba(255,255,255,.08); border-radius:18px; overflow:hidden;
  display:flex; flex-direction:column; min-height:320px;
  box-shadow:0 10px 24px rgba(0,0,0,.25);
}
.di-card-media{height: 250px;background-size:cover;background-position:center;}
.di-card-body{ padding:14px; display:flex; flex-direction:column; gap:8px; }
.di-meta{ font-size:12px; color:var(--muted); letter-spacing:.3px; text-transform:uppercase; }
.di-title{ font-size:20px; line-height:1.2; margin:0; }
.di-sub{ color:var(--muted); font-size:14px; }
.di-actions{margin-top:auto;display:flex;gap:10px;justify-content: flex-end;}
.di-btn, .di-btn-outl{
  padding:10px 12px; border-radius:12px; font-weight:600; display:inline-block;
}
.di-btn{ background:var(--di-accent); color:#111; border:1px solid var(--di-accent); }
.di-btn-outl{background:transparent;color:var(--di-accent);border:1px solid var(--di-accent);display: block;float: right;right: 0;position: relative;}
.di-empty{ color:var(--muted); margin:18px 0; }

.di-pagination{ display:flex; gap:10px; align-items:center; justify-content:flex-end; margin:6px 0 20px; }
.di-pagination button{ background:var(--soft); color:var(--text); border:1px solid rgba(255,255,255,.1); border-radius:12px; padding:8px 12px; }
.di-pagination .di-page{ color:var(--muted); }

@media (max-width: 1100px){
  .di-jobs .di-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .di-jobs-filters{ grid-template-columns:46px 1fr 1fr 1fr 120px; }
  .di-jobs-filters .di-type, .di-jobs-filters .di-month { display:none; }
}
@media (max-width: 640px){
  .di-jobs .di-grid{ grid-template-columns:1fr; }
  .di-jobs-filters{ grid-template-columns:1fr 1fr; }
  .di-jobs-filters .di-reset{ grid-column:1/2; }
  .di-jobs-filters .di-apply{ grid-column:2/3; }
  .di-jobs-filters .di-dept, .di-jobs-filters .di-type, .di-jobs-filters .di-year, .di-jobs-filters .di-month { grid-column:1/3; }
}