.topbar{
  display:grid;
  grid-template-columns:minmax(220px,1fr) auto;
  grid-template-areas:"heading actions" "cta cta";
  align-items:center;
  gap:14px 20px;
  min-height:0;
  padding:18px 0 22px;
  margin-bottom:22px;
}
.topbar-heading{grid-area:heading;min-width:0}
.top-actions{grid-area:actions;justify-content:flex-end;flex-wrap:wrap}
.add-job-cta{
  grid-area:cta;
  width:100%;
  min-height:88px;
  display:grid;
  grid-template-columns:54px minmax(0,1fr) 38px;
  align-items:center;
  gap:15px;
  border:1px solid #ea580c;
  border-radius:18px;
  padding:15px 20px;
  overflow:hidden;
  color:#fff;
  text-align:left;
  background:
    radial-gradient(circle at 92% 12%,rgba(255,255,255,.22),transparent 24%),
    linear-gradient(120deg,#f97316,#ea580c 58%,#c2410c);
  box-shadow:0 14px 30px rgba(194,65,12,.22);
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
.add-job-cta:hover{transform:translateY(-2px);filter:saturate(1.06);box-shadow:0 18px 38px rgba(194,65,12,.3)}
.add-job-cta:focus-visible{outline:4px solid rgba(249,115,22,.25);outline-offset:3px}
.add-job-cta:active{transform:translateY(0)}
.add-job-cta[hidden]{display:none!important}
.add-job-cta>*{pointer-events:none}
.add-job-cta-icon{
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:rgba(255,255,255,.18);
  border:1px solid rgba(255,255,255,.32);
  font-size:32px;
  font-weight:800;
  line-height:1;
}
.add-job-cta-copy{display:grid;gap:2px;min-width:0}
.add-job-cta-copy b{font-size:22px;line-height:1.2}
.add-job-cta-copy small{color:#fff7ed;font-size:12px;font-weight:650;line-height:1.45}
.add-job-cta-arrow{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#fff;
  color:#c2410c;
  font-size:21px;
  font-weight:900;
}
@media(max-width:980px){
  .topbar{grid-template-columns:1fr;grid-template-areas:"heading" "actions" "cta";align-items:stretch}
  .top-actions{justify-content:flex-start}
}
@media(max-width:760px){
  .topbar{gap:12px;padding:16px 0 18px}
  .add-job-cta{min-height:78px;grid-template-columns:46px minmax(0,1fr) 34px;padding:13px 14px;border-radius:15px}
  .add-job-cta-icon{width:46px;height:46px;border-radius:13px;font-size:27px}
  .add-job-cta-copy b{font-size:19px}
  .add-job-cta-copy small{font-size:11px}
  .add-job-cta-arrow{width:34px;height:34px}
}
@media(max-width:460px){
  .add-job-cta{grid-template-columns:44px minmax(0,1fr);gap:12px}
  .add-job-cta-arrow{display:none}
}