/* GreatWork colors
Blue: #003368
Orange: #f7931e
Gold: #9d8437
Yellow: #FFcc33
Med Gray: #6b6b6b
*/

.gwjlist { max-width: 1100px; margin: 0 auto; }

/* AI bar */
.gwjlist__ai{
  border:1px solid rgba(0,0,0,.12);
  border-radius:16px;
  background:#fff;
  padding:14px;
  margin-bottom:12px;
}
.gwjlist__ai label{ display:block; font-size:13px; margin-bottom:8px; color:#33527d; }
.gwjlist__airow{ display:flex; gap:10px; flex-wrap:wrap; }

#gwj-aiq{
  flex: 1 1 360px;
  padding:10px 12px;
  border:1px solid rgba(0,0,0,.18);
  border-radius:12px;
  font-size:.9rem;
  color:#33527d;
}

/* AI Search button = Gold */
#gwj-aigo{
  padding:10px 14px;
  border-radius:12px;
  border:1px solid rgba(0,0,0,.15);
  background:#254874;
  color:#fff;
  font-weight:900;
  cursor:pointer;
}
#gwj-aigo:hover{ filter: brightness(1.05); }

#gwj-aiclear{
  padding:10px 14px;
  border-radius:12px;
  border:1px solid rgba(0,0,0,.18);
  background:#fff;
  color:#33527d;
  font-weight:900;
  cursor:pointer;
}
#gwj-aiclear:hover{ background: rgba(157,132,55,.08); }

.gwjlist__aihint{ margin-top:8px; font-size:13px; color:#6b6b6b; }

/* Filters */
.gwjlist__filters{
  display:grid;
  grid-template-columns: 2.2fr 1.1fr 1fr 0.9fr 0.8fr auto;
  gap:12px;
  padding:14px;
  border:1px solid rgba(0,0,0,.12);
  border-radius:16px;
  background:#fff;
}
.gwjlist__field label{
  display:block;
  font-size:12px;
  font-weight:800;
  color:#33527d;
  margin:0 0 6px;
}
.gwjlist__field input,
.gwjlist__field select{
  width:100%;
  padding:10px 12px;
  border:1px solid rgba(0,0,0,.18);
  border-radius:12px;
  font-size:14px;
  background:#fff;
  color:#33527d;
}

.gwjlist__field--btn{ display:flex; align-items:flex-end; }
#gwj-reset{
  padding:10px 14px;
  border-radius:12px;
  border:1px solid rgba(0,0,0,.18);
  background:#f7f7f7;
  color:#33527d;
  font-weight:900;
  cursor:pointer;
  width:100%;
}
#gwj-reset:hover{ background:#efefef; }

.gwjlist__meta{ padding:10px 4px; font-size:.9rem; color:#33527d; }

/* Table */
.gwjlist__tablewrap{
  border:1px solid rgba(0,0,0,.12);
  border-radius:16px;
  background:#fff;
  overflow:hidden;
}

/* Header background = 20% gold */
.gwjlist__thead{
  display:grid;
  grid-template-columns: 2.2fr 1.1fr 0.9fr 0.9fr 1.1fr;
  gap:10px;
  padding:12px 12px;
  font-weight:900;
  font-size:.95rem;
  background: #FDDFBC);
  border-bottom:1px solid rgba(0,0,0,.10);
  position: sticky;
  top: 0;
  z-index: 2;
  color:#003368;
}

.gwjlist__tbody{ max-height: 520px; overflow:auto; }

.gwj-row{
  display:grid;
  grid-template-columns: 2.2fr 1.1fr 0.9fr 0.9fr 1.1fr;
  gap:10px;
  padding:12px 12px;
  border-bottom:1px solid rgba(0,0,0,.08);
  align-items:center;
}
.gwj-row:nth-child(even){ background:#fcfcfc; }
.gwj-row:hover{ background: rgba(255,204,51,.08); } /* subtle yellow tint */

/* Job Listing Title and details: Med Gray */
.gwj-job a{
  text-decoration:none;
  font-weight:900;
  color:#4d7095!important;
}
.gwj-job a:hover{ text-decoration:underline; }

.gwj-muted{ color:#1A4777; font-size:.95rem; }

/* Actions */
.gwj-actions{ display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end; }

/* Details Button: Blue / white text */
.gwj-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 10px;
  border-radius:12px;
  border:1px solid rgba(0,0,0,.12);
  text-decoration:none;
  font-weight:900;
  font-size:12px;
  background:#003368;
  color:#fff;
  white-space:nowrap;
}
.gwj-btn:hover{ filter: brightness(1.05); }

/* Apply Button: White / Orange text */
.gwj-btn--ghost{
  background:#f7931e;
  color:#003368;
  border:1px solid rgba(247,147,30,.55);
}
.gwj-btn--ghost:hover{
  background: rgba(247,147,30,.08);
}

/* Responsive */
@media (max-width: 980px){
  .gwjlist__filters{ grid-template-columns: 1fr 1fr; }
  .gwjlist__thead{ display:none; }
  .gwj-row{ grid-template-columns: 1fr; gap:6px; }
  .gwj-actions{ justify-content:flex-start; }
}