/* V113 — Jobs Screen 1: Shop-clean multi-select work launcher. */
#jobsHomeContent{
  width:100%!important;
  max-width:920px!important;
  margin:0 auto!important;
  padding:8px 0 118px!important;
  color:#f4f1e8!important;
}
#jobsHomeContent *{box-sizing:border-box}

/* Keep Screen 1 intentionally clean even though the live-dispatch engine may
   inject its reusable status panel in the DOM. */
#jobsHomeContent .jobsDispatchPanel,
#jobsHomeContent .jobsDispatchLegacyFind,
#jobsHomeContent .jobsSimpleWelcome,
#jobsHomeContent .jobsSimpleStep,
#jobsHomeContent .jobsSimpleQuickLinks,
#jobsHomeContent .jobsSimpleFind,
#jobsHomeContent .jobsLaunchIntro,
#jobsHomeContent .jobsSectionHead,
#jobsHomeContent .jobsHead,
#jobsHomeContent .jobsHero,
#jobsHomeContent .jobsStats,
#jobsHomeContent .jobsSkillsIntro,
#jobsHomeContent .jobsSkillsTop,
#jobsHomeContent .jobsSkillsFooter{
  display:none!important;
}

.jobsV113CategoryGrid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:0;
}
.jobsV113CategoryCard{
  appearance:none;
  position:relative;
  min-width:0;
  min-height:118px;
  padding:15px 13px;
  border:1px solid rgba(239,198,77,.26);
  border-radius:16px;
  background:linear-gradient(155deg,#111 0%,#171717 62%,#0b0b0b 100%);
  color:#eee9da;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:9px;
  font:inherit;
  text-align:center;
  box-shadow:0 9px 20px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,235,164,.035);
  overflow:hidden;
  touch-action:manipulation;
}
.jobsV113CategoryIcon{
  width:48px;
  height:48px;
  border-radius:14px;
  display:grid;
  place-items:center;
  color:#d9b94b;
  background:#211b0d;
  border:1px solid rgba(239,198,77,.16);
}
.jobsV113CategoryIcon svg{width:25px;height:25px}
.jobsV113CategoryCard strong{
  max-width:100%;
  font-size:13px;
  line-height:1.16;
  font-weight:850;
  color:#f5f1e5;
  overflow-wrap:anywhere;
}
.jobsV113CategoryCard.usable{cursor:pointer}
.jobsV113CategoryCard.usable:hover,
.jobsV113CategoryCard.usable:focus-visible{
  border-color:rgba(247,211,101,.62);
  box-shadow:0 12px 24px rgba(0,0,0,.34),0 0 0 2px rgba(239,198,77,.07);
}
.jobsV113CategoryCard.usable.active{
  border-color:#e6c454;
  background:linear-gradient(155deg,#17140c 0%,#1c180e 64%,#0b0b0b 100%);
  box-shadow:0 0 0 2px rgba(230,196,84,.09),0 12px 26px rgba(0,0,0,.32);
}
.jobsV113CategoryCard.locked{
  cursor:not-allowed;
  opacity:.58;
  filter:saturate(.18);
  border-color:rgba(155,155,155,.18);
  background:#171717;
}
.jobsV113CategoryCard.locked::after{
  content:"";
  position:absolute;
  width:145%;
  height:8px;
  left:-22%;
  top:50%;
  background:rgba(117,117,117,.72);
  transform:rotate(-17deg);
  box-shadow:0 0 0 1px rgba(0,0,0,.22);
  pointer-events:none;
}
.jobsV113Lock{
  position:absolute;
  top:8px;
  right:8px;
  padding:4px 7px;
  border-radius:999px;
  background:#2b2b2b;
  border:1px solid rgba(255,255,255,.08);
  color:#aaa;
  font-size:8px;
  line-height:1;
  font-weight:900;
  letter-spacing:.08em;
}

.jobsV113DeliveryPanel{
  margin-top:24px;
  padding-top:18px;
  border-top:1px solid rgba(239,198,77,.16);
}
.jobsV113DeliveryPanel[hidden]{display:none!important}
.jobsV113DeliveryTitle{
  margin:0 0 11px;
  font-size:18px;
  line-height:1.15;
  font-weight:900;
  letter-spacing:-.015em;
  color:#f7f3e6;
}
.jobsV113VehicleGrid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
}
.jobsV113Vehicle{
  appearance:none;
  position:relative;
  min-width:0;
  aspect-ratio:.92/1;
  padding:0;
  overflow:hidden;
  border:2px solid rgba(239,198,77,.16);
  border-radius:16px;
  background:#0b0b0b;
  color:#fff;
  cursor:pointer;
  box-shadow:0 8px 18px rgba(0,0,0,.28);
  touch-action:manipulation;
}
.jobsV113Vehicle img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.jobsV113VehicleShade{
  position:absolute;
  inset:42% 0 0;
  background:linear-gradient(transparent,rgba(0,0,0,.94));
}
.jobsV113Vehicle strong{
  position:absolute;
  left:10px;
  right:36px;
  bottom:10px;
  z-index:2;
  text-align:left;
  font-size:15px;
  line-height:1;
  font-weight:900;
  color:#fff;
  text-shadow:0 2px 6px #000;
}
.jobsV113VehicleCheck{
  position:absolute;
  z-index:3;
  top:8px;
  right:8px;
  width:28px;
  height:28px;
  border-radius:50%;
  display:grid;
  place-items:center;
  border:1.5px solid rgba(255,255,255,.60);
  background:rgba(8,8,8,.78);
  color:transparent;
  font-size:17px;
  font-weight:950;
}
.jobsV113Vehicle.active{
  border-color:#e6c454;
  box-shadow:0 0 0 2px rgba(230,196,84,.13),0 10px 22px rgba(0,0,0,.32);
}
.jobsV113Vehicle.active .jobsV113VehicleCheck{
  color:#111;
  background:#e6c454;
  border-color:#f8e6a4;
}
.jobsV113Vehicle:focus-visible,
.jobsV113CategoryCard:focus-visible,
.jobsV113Start:focus-visible{outline:2px solid #f0ca55;outline-offset:3px}

.jobsV113Start{
  width:100%;
  min-height:60px;
  margin-top:15px;
  border:0;
  border-radius:16px;
  background:linear-gradient(135deg,#159451,#08723b);
  color:#fff;
  font:inherit;
  font-size:16px;
  font-weight:950;
  letter-spacing:.035em;
  box-shadow:0 11px 24px rgba(8,114,59,.26);
  cursor:pointer;
  touch-action:manipulation;
}
.jobsV113Start:active:not(:disabled){transform:translateY(1px)}
.jobsV113Start:disabled{
  background:#272727;
  color:#777;
  border:1px solid rgba(255,255,255,.06);
  box-shadow:none;
  cursor:not-allowed;
}

/* The V113 bottom bar uses five compact destinations. */
body[data-module="jobs"] .bottomNav,
body[data-current-module="jobs"] .bottomNav{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
}

@media(min-width:760px){
  .jobsV113CategoryGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
  .jobsV113CategoryCard{min-height:128px}
  .jobsV113VehicleGrid{max-width:620px;gap:12px}
  .jobsV113Start{max-width:620px}
}
@media(min-width:1100px){
  .jobsV113CategoryGrid{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media(max-width:370px){
  .jobsV113CategoryGrid{gap:7px}
  .jobsV113CategoryCard{min-height:106px;border-radius:14px;padding:12px 9px}
  .jobsV113CategoryIcon{width:43px;height:43px;border-radius:13px}
  .jobsV113VehicleGrid{gap:6px}
  .jobsV113Vehicle{border-radius:13px}
  .jobsV113Vehicle strong{left:8px;bottom:8px;font-size:13px}
}