/* Iliryan marketplace foundation — scoped to Jobs and Cars. */
.mp-jobs-page,.mp-cars-page{
  --mp-gold:#e1bf70;
  --mp-gold-soft:#b89242;
  --mp-bg:#081018;
  --mp-card:#101923;
  --mp-card-2:#0a121a;
  --mp-line:#2c3946;
  --mp-muted:#919cab;
  --mp-text:#f4f1ea;
  --mp-danger:#d88678;
}

.mp-shell{display:grid;gap:16px;margin-bottom:30px}
.mp-hero{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) 180px;
  align-items:center;
  gap:24px;
  margin:28px 0 18px;
  padding:30px;
  overflow:hidden;
  border:1px solid rgba(225,191,112,.3);
  border-radius:26px;
  background:
    radial-gradient(circle at 92% 20%,rgba(225,191,112,.13),transparent 34%),
    linear-gradient(145deg,#121c27 0%,#0a121a 72%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.mp-hero::after{
  content:"";
  position:absolute;
  right:-95px;
  bottom:-145px;
  width:280px;
  height:280px;
  border:1px solid rgba(225,191,112,.08);
  border-radius:50%;
  box-shadow:0 0 0 34px rgba(225,191,112,.025),0 0 0 68px rgba(225,191,112,.016);
}
.mp-kicker,.mp-overline,.mp-modal-kicker{
  color:var(--mp-gold);
  font-size:11px;
  font-weight:850;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.mp-hero h1{
  max-width:680px;
  margin:10px 0 10px;
  color:#f8f5ed;
  font-size:clamp(39px,6vw,62px);
  line-height:.98;
  letter-spacing:-.045em;
}
.mp-hero p{max-width:650px;margin:0;color:#9da7b4;font-size:16px;line-height:1.55}
.mp-hero-icon{
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  width:160px;
  height:130px;
  justify-self:end;
  border:1px solid rgba(225,191,112,.18);
  border-radius:22px;
  background:linear-gradient(145deg,rgba(231,198,121,.075),rgba(255,255,255,.012));
}
.mp-hero-icon svg{
  width:105px;
  height:90px;
  fill:none;
  stroke:#d9b969;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 14px 22px rgba(0,0,0,.32));
}

.mp-role-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mp-role-card{
  display:grid;
  grid-template-columns:52px 1fr;
  align-items:start;
  gap:15px;
  min-height:245px;
  padding:22px;
  border:1px solid #303d4a;
  border-radius:22px;
  background:linear-gradient(155deg,#121c26,#0b131b 78%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}
.mp-role-card.service{grid-column:1/-1;grid-template-columns:52px 1fr auto;min-height:auto;align-items:center}
.mp-role-icon{
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  border:1px solid rgba(225,191,112,.36);
  border-radius:15px;
  background:#0b1218;
  color:#e2c175;
  font-size:24px;
  font-weight:400;
}
.mp-role-card h2{margin:6px 0 8px;font-size:25px;letter-spacing:-.025em}
.mp-role-card p{margin:0;color:#939eac;font-size:14px;line-height:1.55}
.mp-role-card>.mp-button{grid-column:1/-1;align-self:end}
.mp-role-card.service>.mp-button{grid-column:auto;min-width:185px;margin:0}

.mp-panel,.mp-compare-panel{
  position:relative;
  padding:21px;
  border:1px solid var(--mp-line);
  border-radius:22px;
  background:linear-gradient(180deg,#111b25,#0b131b);
  box-shadow:0 18px 45px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.018);
}
.mp-panel::before,.mp-compare-panel::before{
  content:"";
  position:absolute;
  top:0;
  right:22px;
  left:22px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(225,191,112,.32),transparent);
}
.mp-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:17px}
.mp-panel-head h2{margin:5px 0 0;font-size:25px;line-height:1.08;letter-spacing:-.025em}
.mp-panel-head p{max-width:650px;margin:6px 0 0;color:#8f9aa8;font-size:13px;line-height:1.5}
.mp-count{
  display:grid;
  place-items:center;
  min-width:36px;
  height:36px;
  padding:0 10px;
  border:1px solid rgba(225,191,112,.32);
  border-radius:11px;
  background:#091119;
  color:#e0be6e;
  font-size:12px;
  font-weight:850;
}

.mp-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0 16px;
  border-radius:13px;
  font-size:14px;
  font-weight:820;
  cursor:pointer;
  transition:transform .16s ease,border-color .16s ease,filter .16s ease;
}
.mp-button.primary{
  border:1px solid #d0a64c;
  background:linear-gradient(135deg,#efd58b,#d5ad58 72%);
  color:#17130b;
  box-shadow:0 10px 24px rgba(187,145,59,.13),inset 0 1px 0 rgba(255,255,255,.35);
}
.mp-button.secondary{border:1px solid #384653;background:#0a1219;color:#d0d6de}
.mp-button.full{width:100%;margin-top:15px}
.mp-button.compact{min-height:38px;padding:0 12px;font-size:12px}
.mp-button:active{transform:translateY(1px) scale(.995)}
.mp-close-inline,.mp-modal-close{
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:38px;
  height:38px;
  padding:0;
  border:1px solid #34414d;
  border-radius:12px;
  background:#091119;
  color:#9ca6b3;
  font-size:22px;
  cursor:pointer;
}

.mp-status-note{
  display:flex;
  align-items:flex-start;
  gap:11px;
  margin:0 0 17px;
  padding:13px 14px;
  border:1px solid rgba(225,191,112,.25);
  border-radius:15px;
  background:linear-gradient(135deg,rgba(225,191,112,.065),rgba(9,17,25,.75));
}
.mp-status-dot{flex:0 0 auto;width:8px;height:8px;margin-top:5px;border-radius:50%;background:#d8b665;box-shadow:0 0 0 5px rgba(216,182,101,.08)}
.mp-status-note strong{display:block;color:#e2e5e9;font-size:13px}
.mp-status-note p{margin:4px 0 0;color:#929da9;font-size:12px;line-height:1.45}

.mp-form-grid,.mp-search-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.mp-search-grid{grid-template-columns:minmax(240px,1.4fr) 1fr 1fr;margin-bottom:16px}
.mp-form-grid label,.mp-search-grid label{display:grid;gap:6px;margin:0}
.mp-form-grid label.wide,.mp-search-grid label.wide{grid-column:1/-1}
.mp-form-grid label>span,.mp-search-grid label>span{color:#bec7d1;font-size:12.5px;font-weight:720}
.mp-form-grid small{display:block;color:#788492;font-size:11px;line-height:1.4}
.mp-form-grid input,.mp-form-grid select,.mp-form-grid textarea,
.mp-search-grid input,.mp-search-grid select{
  width:100%;
  box-sizing:border-box;
  margin:0;
  border:1px solid #344250;
  border-radius:14px;
  background:#071018;
  color:#f1f4f7;
  outline:none;
  font-size:16px;
  transition:border-color .18s ease,box-shadow .18s ease;
}
.mp-form-grid input,.mp-form-grid select,.mp-search-grid input,.mp-search-grid select{height:52px;padding:0 14px}
.mp-form-grid textarea{min-height:116px;padding:14px;line-height:1.5;resize:vertical}
.mp-form-grid input[type=file]{height:auto;min-height:52px;padding:12px}
.mp-form-grid input:focus,.mp-form-grid select:focus,.mp-form-grid textarea:focus,
.mp-search-grid input:focus,.mp-search-grid select:focus{
  border-color:#8d7542;
  box-shadow:0 0 0 3px rgba(221,184,96,.08);
}
.mp-form-error{
  margin-top:14px;
  padding:13px 14px;
  border:1px solid rgba(216,134,120,.45);
  border-radius:13px;
  background:rgba(112,42,34,.12);
  color:#e2a399;
  font-size:13px;
  line-height:1.45;
}
.mp-composer{scroll-margin-top:102px}

.mp-tabs{
  display:flex;
  gap:6px;
  margin:0 0 16px;
  padding:5px;
  overflow-x:auto;
  border:1px solid #303c48;
  border-radius:15px;
  background:#091119;
  scrollbar-width:none;
}
.mp-tabs::-webkit-scrollbar{display:none}
.mp-tabs button{
  flex:1 0 auto;
  min-height:42px;
  padding:0 14px;
  border:0;
  border-radius:11px;
  background:transparent;
  color:#8793a1;
  font-size:13px;
  font-weight:760;
  white-space:nowrap;
  cursor:pointer;
}
.mp-tabs button.active{
  background:linear-gradient(135deg,#292619,#17170f);
  color:#f0d183;
  box-shadow:inset 0 0 0 1px rgba(222,183,91,.35),0 5px 16px rgba(0,0,0,.18);
}
.mp-car-tabs{margin-bottom:0}

.mp-listing-grid{display:grid;gap:11px}
.mp-listing-card{
  padding:16px;
  border:1px solid #2c3945;
  border-radius:17px;
  background:#091119;
}
.mp-card-flags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:11px}
.mp-pill{
  display:inline-flex;
  align-items:center;
  min-height:23px;
  padding:0 8px;
  border:1px solid #394653;
  border-radius:999px;
  color:#95a0ad;
  font-size:9.5px;
  font-weight:850;
  letter-spacing:.08em;
}
.mp-pill.sample{border-color:#66552f;color:#d7b86e;background:#19170f}
.mp-pill.draft{border-color:#36536a;color:#9cc7e4;background:#0b1821}
.mp-pill.verified{border-color:#315b4a;color:#89d1b2;background:#0b1c17}
.mp-listing-head{display:flex;align-items:flex-start;justify-content:space-between;gap:13px}
.mp-listing-head h3{margin:0;color:#eff2f5;font-size:19px;line-height:1.2;letter-spacing:-.015em}
.mp-owner{margin:5px 0 0;color:#9aa5b2;font-size:12.5px}
.mp-rate,.mp-car-price{color:#e2c276;font-size:17px;white-space:nowrap}
.mp-meta-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.mp-meta-row span{
  padding:5px 8px;
  border:1px solid #303c48;
  border-radius:999px;
  background:#0a1219;
  color:#929dab;
  font-size:10.5px;
}
.mp-card-copy{
  display:-webkit-box;
  margin:12px 0 0;
  overflow:hidden;
  color:#8e99a6;
  font-size:13px;
  line-height:1.5;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.mp-card-actions{display:flex;align-items:center;gap:8px;margin-top:14px}
.mp-card-actions .mp-button{min-height:40px;padding:0 13px}
.mp-card-actions .mp-button.secondary{flex:1}
.mp-icon-action,.mp-compare-button{
  display:grid;
  place-items:center;
  min-width:40px;
  height:40px;
  padding:0 10px;
  border:1px solid #35424f;
  border-radius:12px;
  background:#0a1219;
  color:#8f9aa8;
  font-size:19px;
  cursor:pointer;
}
.mp-icon-action.active,.mp-compare-button.active{border-color:#7a6538;background:#1a170e;color:#e2c273}
.mp-icon-action.danger{font-size:20px}
.mp-compare-button{font-size:11px;font-weight:780}
.mp-empty{
  display:grid;
  place-items:center;
  min-height:150px;
  padding:26px;
  border:1px dashed #34414d;
  border-radius:16px;
  color:#8995a3;
  text-align:center;
  align-content:center;
}
.mp-empty strong{display:block;margin-bottom:7px;color:#d7dce2;font-size:15px}
.mp-empty span{max-width:480px;font-size:12.5px;line-height:1.5}
.mp-empty-inline{
  grid-column:1/-1;
  margin:0;
  padding:12px 4px 2px;
  color:#8995a3;
  font-size:13px;
  text-align:center;
}

.mp-trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.mp-trust-grid>div{
  min-height:110px;
  padding:16px;
  border:1px solid #293641;
  border-radius:17px;
  background:#0b131b;
}
.mp-trust-grid strong{display:block;color:#dfe3e8;font-size:13px}
.mp-trust-grid span{display:block;margin-top:6px;color:#8995a2;font-size:11.5px;line-height:1.5}

.mp-car-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mp-car-card{overflow:hidden;border:1px solid #2d3945;border-radius:19px;background:#091119}
.mp-car-visual{
  position:relative;
  display:grid;
  place-items:center;
  height:145px;
  background:
    radial-gradient(circle at 68% 30%,rgba(225,191,112,.12),transparent 36%),
    linear-gradient(145deg,#17222d,#0d151d);
}
.mp-car-visual>span{
  position:absolute;
  top:12px;
  left:12px;
  padding:5px 8px;
  border:1px solid rgba(225,191,112,.3);
  border-radius:999px;
  background:rgba(8,16,24,.72);
  color:#d9ba70;
  font-size:9px;
  font-weight:850;
  letter-spacing:.1em;
}
.mp-car-visual svg{
  width:112px;
  height:68px;
  fill:none;
  stroke:#bfa66c;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  opacity:.7;
}
.mp-car-body{padding:15px}
.mp-car-price{font-size:19px}
.mp-spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}
.mp-spec-grid span{padding:9px;border:1px solid #2d3945;border-radius:11px;color:#788593;font-size:9.5px}
.mp-spec-grid b{display:block;margin-bottom:3px;color:#cbd2da;font-size:11.5px}

.mp-compare-hint{
  display:flex;
  align-items:center;
  gap:12px;
  padding:13px 15px;
  border:1px solid rgba(225,191,112,.28);
  border-radius:16px;
  background:#11150f;
}
.mp-compare-hint strong{color:#e0e3e7;font-size:13px}
.mp-compare-hint span{flex:1;color:#8f9aa6;font-size:12px}
.mp-compare-hint button{border:0;background:transparent;color:#d8b96f;font-size:12px;cursor:pointer}
.mp-compare-panel{margin-bottom:16px}
.mp-compare-scroll{overflow-x:auto}
.mp-compare-scroll table{width:100%;min-width:600px;border-collapse:collapse;font-size:12px}
.mp-compare-scroll th,.mp-compare-scroll td{padding:11px;border-top:1px solid #2b3742;text-align:left}
.mp-compare-scroll thead th{border-top:0;color:#e3c273}
.mp-compare-scroll tbody th{color:#8995a2;font-weight:600}
.mp-compare-scroll td{color:#d6dce3}

.mp-tool-layout{display:grid;grid-template-columns:1.12fr .88fr;gap:14px;align-items:start}
.mp-result-panel{min-height:100%}
.mp-result-heading{padding:4px 2px 15px;border-bottom:1px solid #2b3742}
.mp-result-heading>span{color:#d7b76a;font-size:10px;font-weight:850;letter-spacing:.14em}
.mp-result-heading h2{margin:7px 0 5px;color:#f1ede4;font-size:31px;line-height:1.05;letter-spacing:-.035em}
.mp-result-heading p{margin:0;color:#919ca9;font-size:12.5px}
.mp-result-summary,.mp-cost-breakdown{display:grid;margin-top:13px}
.mp-result-summary>div,.mp-cost-breakdown>div,.mp-detail-grid>div{
  display:flex;
  justify-content:space-between;
  gap:14px;
  padding:10px 0;
  border-top:1px solid #2a3641;
}
.mp-result-summary>div:first-child,.mp-cost-breakdown>div:first-child,.mp-detail-grid>div:first-child{border-top:0}
.mp-result-summary span,.mp-cost-breakdown span,.mp-detail-grid span{color:#8894a1;font-size:12px}
.mp-result-summary strong,.mp-cost-breakdown strong,.mp-detail-grid strong{color:#d8dde3;font-size:12px;text-align:right}
.mp-result-panel .mp-status-note{margin-top:14px}

.mp-history-list{display:grid}
.mp-history-list>div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:51px;
  border-top:1px solid #2b3742;
}
.mp-history-list>div:first-child{border-top:0}
.mp-history-list span{color:#a0aab6;font-size:12.5px}
.mp-history-list b{padding:5px 8px;border:1px solid #3b4652;border-radius:999px;color:#7e8a97;font-size:9.5px}
.mp-history-list.blocked b{border-color:#604d2c;color:#c1a45e;background:#17150e}

.mp-modal{
  position:fixed;
  inset:0;
  z-index:1000;
  display:grid;
  place-items:center;
  padding:18px;
  opacity:0;
  transition:opacity .16s ease;
}
.mp-modal.open{opacity:1}
.mp-modal-backdrop{position:absolute;inset:0;border:0;background:rgba(2,7,11,.78);backdrop-filter:blur(7px)}
.mp-modal-card{
  position:relative;
  z-index:1;
  width:min(570px,100%);
  max-height:min(780px,calc(100vh - 36px));
  overflow:auto;
  padding:24px;
  border:1px solid #384653;
  border-radius:23px;
  background:linear-gradient(155deg,#121c26,#0a1219);
  box-shadow:0 30px 90px rgba(0,0,0,.55);
  transform:translateY(12px) scale(.985);
  transition:transform .16s ease;
}
.mp-modal.open .mp-modal-card{transform:none}
.mp-modal-close{position:absolute;top:15px;right:15px}
.mp-modal-card h2{margin:8px 50px 0 0;font-size:29px;letter-spacing:-.03em}
.mp-modal-price{margin-top:8px;color:#e2c274;font-size:24px;font-weight:850}
.mp-modal-copy{margin:14px 0;color:#929da9;font-size:13.5px;line-height:1.55;white-space:pre-wrap}
.mp-detail-grid{margin:10px 0 16px}
body.mp-modal-open{overflow:hidden}

.mp-toast{
  position:fixed;
  right:18px;
  bottom:22px;
  z-index:1200;
  max-width:min(370px,calc(100vw - 36px));
  padding:13px 15px;
  border:1px solid #63542f;
  border-radius:14px;
  background:#17170f;
  color:#e4d7b4;
  box-shadow:0 18px 45px rgba(0,0,0,.42);
  font-size:12.5px;
  line-height:1.4;
  opacity:0;
  transform:translateY(8px);
  transition:.18s ease;
}
.mp-toast.show{opacity:1;transform:none}

@media(hover:hover){
  .mp-button.primary:hover{filter:brightness(1.035)}
  .mp-button.secondary:hover,.mp-icon-action:hover,.mp-compare-button:hover{border-color:#6d5b34;color:#e2c274}
  .mp-tabs button:hover{color:#dfc173}
}

@media(max-width:780px){
  .mp-hero{grid-template-columns:minmax(0,1fr) 110px;gap:13px;margin:20px 0 15px;padding:20px;border-radius:21px}
  .mp-hero h1{font-size:39px}
  .mp-hero p{font-size:14px}
  .mp-hero-icon{width:105px;height:96px;border-radius:17px}
  .mp-hero-icon svg{width:78px;height:65px}
  .mp-role-grid,.mp-car-grid,.mp-tool-layout{grid-template-columns:1fr}
  .mp-role-card{min-height:230px;padding:18px;border-radius:19px}
  .mp-role-card.service{grid-column:auto;grid-template-columns:48px 1fr;align-items:start}
  .mp-role-card.service>.mp-button{grid-column:1/-1;width:100%;min-width:0;margin-top:2px}
  .mp-panel,.mp-compare-panel{padding:17px;border-radius:19px}
  .mp-search-grid,.mp-form-grid{grid-template-columns:1fr}
  .mp-form-grid label.wide,.mp-search-grid label.wide{grid-column:auto}
  .mp-trust-grid{grid-template-columns:1fr}
  .mp-trust-grid>div{min-height:auto}
  .mp-car-visual{height:135px}
  .mp-modal{align-items:end;padding:0}
  .mp-modal-card{width:100%;max-height:90vh;padding:21px 17px 24px;border-radius:23px 23px 0 0}
  .mp-toast{right:14px;bottom:16px}
}

@media(max-width:430px){
  .mp-hero{grid-template-columns:minmax(0,1fr) 88px;padding:17px}
  .mp-hero h1{font-size:34px}
  .mp-hero p{font-size:13px}
  .mp-hero-icon{width:84px;height:82px}
  .mp-hero-icon svg{width:64px;height:55px}
  .mp-role-card{grid-template-columns:45px 1fr}
  .mp-role-icon{width:43px;height:43px;border-radius:13px}
  .mp-role-card h2{font-size:22px}
  .mp-panel-head h2{font-size:22px}
  .mp-listing-head{display:grid}
  .mp-rate,.mp-car-price{font-size:17px}
  .mp-card-actions{flex-wrap:wrap}
  .mp-card-actions .mp-button.secondary{min-width:calc(100% - 144px)}
  .mp-spec-grid{grid-template-columns:1fr 1fr}
}

@media(prefers-reduced-motion:reduce){
  .mp-button,.mp-modal,.mp-modal-card,.mp-toast{transition:none!important}
}

/* Punë & Shërbime — compact mobile-first redesign. */
body:not(.iliryan-swiping)>#app.mp-jobs-page{
  width:auto!important;
  max-width:980px!important;
  min-width:0!important;
}
#app.mp-jobs-page{
  overflow-x:clip;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}

.mp-jobs-page .mp-hero{
  grid-template-columns:minmax(0,1fr) 72px;
  gap:18px;
  margin:10px 0 6px;
  padding:18px 4px 22px;
  overflow:visible;
  border:0;
  border-bottom:1px solid rgba(225,191,112,.22);
  border-radius:0;
  background:none;
  box-shadow:none;
}
.mp-jobs-page .mp-hero::after{display:none}
.mp-jobs-page .mp-hero h1{
  max-width:620px;
  margin:8px 0;
  font-size:clamp(32px,5vw,46px);
  line-height:1.02;
  letter-spacing:-.04em;
}
.mp-jobs-page .mp-hero p{max-width:560px;font-size:14px;line-height:1.45}
.mp-jobs-page .mp-hero-icon{
  width:68px;
  height:68px;
  border-radius:18px;
  background:rgba(225,191,112,.045);
}
.mp-jobs-page .mp-hero-icon svg{width:48px;height:42px}

.mp-jobs-page .mp-shell{width:100%;max-width:100%;min-width:0;gap:12px}
.mp-jobs-page .mp-role-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.mp-jobs-page .mp-role-card,
.mp-jobs-page .mp-role-card.service{
  grid-column:auto;
  grid-template-columns:42px minmax(0,1fr);
  align-items:start;
  gap:12px;
  min-height:0;
  padding:17px;
  border-radius:18px;
  background:linear-gradient(155deg,#101a24,#0a121a 82%);
}
.mp-jobs-page .mp-role-card>div{min-width:0}
.mp-jobs-page .mp-role-icon{
  width:40px;
  height:40px;
  border-radius:12px;
  font-size:21px;
}
.mp-jobs-page .mp-role-card h2{margin:3px 0 5px;font-size:20px;line-height:1.12}
.mp-jobs-page .mp-role-card p{font-size:12.5px;line-height:1.45}
.mp-jobs-page .mp-role-card>.mp-button,
.mp-jobs-page .mp-role-card.service>.mp-button{
  grid-column:2;
  justify-self:start;
  width:auto;
  min-width:0;
  min-height:38px;
  margin:8px 0 0;
  padding:0 13px;
  border:1px solid rgba(225,191,112,.34);
  border-radius:11px;
  background:rgba(225,191,112,.08);
  color:#e7c879;
  box-shadow:none;
  font-size:12.5px;
}

.mp-jobs-page .mp-panel,
.mp-jobs-page .mp-role-grid,
.mp-jobs-page .mp-search-grid,
.mp-jobs-page .mp-listing-grid,
.mp-jobs-page .mp-tabs{
  width:100%;
  max-width:100%;
  min-width:0;
}
.mp-jobs-page .mp-search-grid>*{min-width:0}
.mp-jobs-page .mp-empty-cta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:15px 16px;
  border:1px solid rgba(225,191,112,.2);
  border-radius:14px;
  background:rgba(225,191,112,.045);
}
.mp-jobs-page .mp-empty-cta>div{min-width:0}
.mp-jobs-page .mp-empty-cta strong{display:block;color:#e8e4da;font-size:14px}
.mp-jobs-page .mp-empty-cta p{margin:4px 0 0;color:#8f9aa8;font-size:12px;line-height:1.45}
.mp-jobs-page .mp-empty-cta .mp-button{
  flex:0 0 auto;
  width:auto;
  min-height:40px;
  padding:0 14px;
  border-color:rgba(225,191,112,.35);
  color:#e6c675;
  white-space:nowrap;
}

@media(max-width:780px){
  .mp-jobs-page .mp-hero{
    grid-template-columns:minmax(0,1fr) 60px;
    gap:12px;
    margin:6px 0 4px;
    padding:12px 1px 17px;
  }
  .mp-jobs-page .mp-hero h1{font-size:32px}
  .mp-jobs-page .mp-hero p{font-size:13.5px}
  .mp-jobs-page .mp-hero-icon{width:58px;height:58px;border-radius:15px}
  .mp-jobs-page .mp-hero-icon svg{width:40px;height:35px}
  .mp-jobs-page .mp-role-grid{grid-template-columns:1fr;gap:10px}
  .mp-jobs-page .mp-role-card,
  .mp-jobs-page .mp-role-card.service{
    grid-template-columns:40px minmax(0,1fr);
    padding:15px;
    border-radius:16px;
  }
  .mp-jobs-page .mp-tabs{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    overflow:visible;
  }
  .mp-jobs-page .mp-tabs button{
    width:100%;
    min-width:0;
    padding:0 8px;
    white-space:normal;
  }
}

@media(max-width:430px){
  .mp-jobs-page .mp-hero{grid-template-columns:1fr}
  .mp-jobs-page .mp-hero-icon{display:none}
  .mp-jobs-page .mp-hero h1{font-size:27px}
  .mp-jobs-page .mp-empty-cta{align-items:flex-start;flex-direction:column}
  .mp-jobs-page .mp-empty-cta .mp-button{width:100%}
}