/* LIQ_EMPLOYMENT_V2 */
/* COACH_THEME_FOUNDATION_W1: club identity is token-driven; no club-specific accent lives here. */
#emprego.employment-v2-mode{
  --emp-bg:#070b10;--emp-panel:#0d131a;--emp-line:rgba(255,255,255,.09);
  --emp-text:#f5f7fa;--emp-muted:#8e9aaa;--emp-accent:var(--club-accent,#5a6978);--emp-accent-ui:var(--club-accent-ui,color-mix(in srgb,var(--emp-accent) 76%,white 24%));--emp-accent-rgb:var(--club-accent-rgb,90,105,120);--emp-on-accent:var(--club-on-accent-ui,var(--club-on-accent,#fff));
  padding:0!important;overflow:visible;background:var(--emp-bg);
}
#emprego.employment-v2-mode .employment-header{display:none}
#emprego.employment-v2-mode .employment-workspace{margin:0;width:100%;max-width:none;padding:0!important}
.employment-v2-shell{
  min-height:100%;color:var(--emp-text);
  background:radial-gradient(circle at 82% 2%,rgba(var(--emp-accent-rgb),.10),transparent 34%),linear-gradient(180deg,#090e14 0%,#070b10 100%);
  padding:0;
}
.employment-v2-shell button{font:inherit}
.employment-v2-hero{
  position:relative;min-height:440px;overflow:hidden;border:1px solid var(--emp-line);border-radius:22px;
  background:#111820;box-shadow:0 30px 70px rgba(0,0,0,.34)
}
.employment-v2-hero-art,.employment-v2-next-art,.employment-v2-action-art,.employment-v2-atmosphere-art{position:absolute;inset:0;overflow:hidden}
.employment-v2-hero-art img,.employment-v2-next-art img,.employment-v2-action-art img,.employment-v2-atmosphere-art img{width:100%;height:100%;object-fit:cover;display:block}
.employment-v2-hero-art img{object-position:center 44%}
.employment-v2-hero-shade{
  position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(5,9,13,.98) 0%,rgba(5,9,13,.90) 30%,rgba(5,9,13,.42) 62%,rgba(5,9,13,.26) 100%),linear-gradient(0deg,rgba(4,7,10,.94) 0%,transparent 55%)
}
.employment-v2-hero-copy{position:relative;z-index:3;width:min(57%,760px);padding:38px 40px 36px;min-height:440px;display:flex;flex-direction:column}
.employment-v2-eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:52px;letter-spacing:.08em;font-size:11px;font-weight:800}
.employment-v2-eyebrow span{padding:7px 10px;border-radius:999px;color:var(--emp-on-accent);background:var(--emp-accent)}
.employment-v2-eyebrow b{color:#c7d0db}
.employment-v2-identity{display:flex;align-items:center;gap:22px;margin:auto 0 0}
.employment-v2-shield{
  width:92px;height:92px;flex:0 0 92px;border-radius:22px;background:rgba(5,9,13,.72);
  border:1px solid rgba(255,255,255,.16);display:grid;place-items:center;backdrop-filter:blur(8px);box-shadow:0 15px 35px rgba(0,0,0,.3)
}
.employment-v2-shield img{width:74px;height:74px;object-fit:contain}
.employment-v2-identity small,.employment-v2-next-body>span,.employment-v2-kpis article>span,.employment-v2-strip article>span,.employment-v2-section-head span,.employment-v2-action-copy small,.employment-v2-focus>span,.employment-v2-atmosphere>div:last-child>span{
  color:var(--emp-accent-ui);font-size:10px;letter-spacing:.14em;font-weight:900
}
.employment-v2-identity h1{margin:5px 0 2px;color:#fff;font-size:clamp(34px,4vw,62px);line-height:.95;letter-spacing:-.045em}
.employment-v2-identity h2{margin:8px 0 0;font-size:20px;font-weight:700;color:#dbe2ea}
.employment-v2-identity p{margin:7px 0 0;color:var(--emp-muted);font-size:13px}
.employment-v2-hero-actions{display:flex;gap:10px;margin-top:28px}
.employment-v2-hero-actions button{
  min-height:46px;padding:0 16px;border:1px solid rgba(255,255,255,.14);border-radius:12px;color:#fff;
  background:rgba(12,18,25,.72);cursor:pointer;font-size:11px;font-weight:900;letter-spacing:.04em;backdrop-filter:blur(8px);transition:.18s ease
}
.employment-v2-hero-actions button:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.3)}
.employment-v2-hero-actions button.primary{border-color:transparent;background:linear-gradient(135deg,var(--emp-accent-ui),var(--emp-accent));box-shadow:0 12px 26px rgba(var(--emp-accent-rgb),.24)}
.employment-v2-next-overlay{
  position:absolute;z-index:4;right:22px;bottom:22px;width:min(35%,430px);min-height:205px;
  border:1px solid rgba(255,255,255,.14);border-radius:18px;overflow:hidden;background:#101720;box-shadow:0 22px 45px rgba(0,0,0,.42)
}
.employment-v2-next-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,11,16,.98) 0%,rgba(7,11,16,.88) 58%,rgba(7,11,16,.50) 100%),linear-gradient(0deg,rgba(7,11,16,.92),transparent)}
.employment-v2-next-body{position:relative;z-index:2;padding:18px}
.employment-v2-next-opponent{display:flex;align-items:center;gap:12px;margin:18px 0 13px}
.employment-v2-next-opponent>img{width:48px;height:48px;object-fit:contain;padding:5px;border-radius:12px;background:rgba(255,255,255,.92)}
.employment-v2-next-opponent small{display:block;color:#8c99a8;font-size:9px;font-weight:800;letter-spacing:.12em}
.employment-v2-next-opponent b{display:block;margin-top:2px;font-size:19px;line-height:1.05}
.employment-v2-next-when{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  margin-top:2px
}
.employment-v2-next-when>span{
  color:#bac4cf;
  font-size:12px;
  font-weight:800;
  line-height:1.1
}
.employment-v2-next-when>strong{
  color:#fff;
  font-size:31px;
  font-weight:950;
  line-height:.92;
  letter-spacing:-.045em;
  font-variant-numeric:tabular-nums;
  text-shadow:0 3px 18px rgba(0,0,0,.35)
}
.employment-v2-next-when>strong.is-tbd{
  font-size:12px;
  line-height:1.1;
  letter-spacing:.04em;
  color:#d7dee7
}
.employment-v2-next-body>small{
  display:block;
  margin-top:6px;
  color:#bac4cf;
  font-size:11px
}
.employment-v2-next-body p{margin:10px 0 0;color:#8d99a7;font-size:11px}
.employment-v2-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}
.employment-v2-kpis article,.employment-v2-strip article{border:1px solid var(--emp-line);background:linear-gradient(145deg,rgba(18,26,35,.96),rgba(10,15,21,.96));border-radius:16px}
.employment-v2-kpis article{min-height:124px;padding:17px 18px}
.employment-v2-kpis article>b{display:block;margin-top:9px;font-size:30px;line-height:1;letter-spacing:-.04em}
.employment-v2-kpis article>small{display:block;margin-top:8px;color:var(--emp-muted);font-size:11px}
.employment-v2-form{display:flex;gap:6px;margin-top:13px}
.employment-v2-form span{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;font-size:11px;font-weight:900;color:#fff}
.employment-v2-form .win{background:rgba(40,201,129,.22);border:1px solid rgba(40,201,129,.55);color:#78e5b2}
.employment-v2-form .draw{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.15);color:#d8dee6}
.employment-v2-form .loss{background:rgba(240,90,90,.20);border:1px solid rgba(240,90,90,.48);color:#ff9292}
.employment-v2-form .empty{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:#677382}
.employment-v2-meter{height:5px;overflow:hidden;margin-top:15px;border-radius:999px;background:rgba(255,255,255,.08)}
.employment-v2-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--emp-accent-ui),var(--emp-accent))}
.employment-v2-meter.pressure i{background:linear-gradient(90deg,#ffd05c,#ff6b45)}
.employment-v2-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}
.employment-v2-strip article{padding:14px 18px}
.employment-v2-strip article>b{display:block;margin-top:5px;font-size:17px;color:#fff}
.employment-v2-strip article>small{display:block;margin-top:4px;color:var(--emp-muted);font-size:10px}
.employment-v2-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:32px 2px 13px}
.employment-v2-section-head h3{margin:4px 0 0;font-size:24px;letter-spacing:-.03em}
.employment-v2-section-head p{margin:0;color:var(--emp-muted);font-size:12px}
.employment-v2-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.employment-v2-action{
  position:relative;min-height:210px;overflow:hidden;padding:0;border:1px solid var(--emp-line);border-radius:17px;
  background:#111820;color:#fff;text-align:left;cursor:pointer;transition:.20s ease
}
.employment-v2-action:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--emp-accent-ui) 62%,transparent);box-shadow:0 16px 34px rgba(0,0,0,.30)}
.employment-v2-action-art img{transition:transform .35s ease}
.employment-v2-action:hover .employment-v2-action-art img{transform:scale(1.035)}
.employment-v2-action-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,9,13,.98) 0%,rgba(6,9,13,.65) 48%,rgba(6,9,13,.10) 100%)}
.employment-v2-action.featured{border-color:color-mix(in srgb,var(--emp-accent-ui) 52%,transparent)}
.employment-v2-action.featured:after{
  content:"PRINCIPAL";position:absolute;top:12px;right:12px;z-index:3;padding:5px 8px;border-radius:999px;
  background:var(--emp-accent);color:#fff;font-size:8px;font-weight:900;letter-spacing:.12em
}
.employment-v2-action-copy{position:absolute;z-index:2;left:16px;right:16px;bottom:15px}
.employment-v2-action-copy b{display:block;margin-top:4px;font-size:18px;line-height:1.05}
.employment-v2-action-copy span{display:block;margin-top:7px;color:#aab5c1;font-size:10px}
.employment-v2-bottom-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:12px;margin-top:12px}
.employment-v2-focus,.employment-v2-atmosphere{position:relative;min-height:176px;overflow:hidden;border:1px solid var(--emp-line);border-radius:17px;background:linear-gradient(145deg,#111923,#0b1118)}
.employment-v2-focus{padding:20px}
.employment-v2-focus h3,.employment-v2-atmosphere h3{margin:7px 0 5px;font-size:21px;letter-spacing:-.025em}
.employment-v2-focus p,.employment-v2-atmosphere p{margin:0;color:var(--emp-muted);font-size:11px;line-height:1.45}
.employment-v2-focus button{margin-top:22px;border:0;background:none;padding:0;color:#fff;cursor:pointer;font-size:10px;font-weight:900;letter-spacing:.06em}
.employment-v2-atmosphere-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,11,16,.97),rgba(7,11,16,.65) 58%,rgba(7,11,16,.18))}
.employment-v2-atmosphere>div:last-child{position:relative;z-index:2;width:62%;padding:22px}
@media (max-width:1200px){
  .employment-v2-hero-copy{width:64%}.employment-v2-next-overlay{width:36%}.employment-v2-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .employment-v2-shell{padding:12px}.employment-v2-hero{min-height:auto}.employment-v2-hero-copy{width:auto;min-height:390px;padding:28px 24px 220px}
  .employment-v2-eyebrow{margin-bottom:28px}.employment-v2-next-overlay{left:14px;right:14px;bottom:14px;width:auto;min-height:180px}
  .employment-v2-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.employment-v2-strip{grid-template-columns:1fr}.employment-v2-bottom-grid{grid-template-columns:1fr}
}
@media (max-width:620px){
  .employment-v2-identity{align-items:flex-start}.employment-v2-shield{width:66px;height:66px;flex-basis:66px}.employment-v2-shield img{width:52px;height:52px}
  .employment-v2-identity h1{font-size:34px}.employment-v2-hero-actions{flex-direction:column}.employment-v2-kpis{grid-template-columns:1fr 1fr}
  .employment-v2-action-grid{grid-template-columns:1fr}.employment-v2-section-head{align-items:flex-start;flex-direction:column}
}

/* LIQ_EMPLOYMENT_GLOBAL_WORKSPACE_EDGE_V53
   The global .workspace owns the final 12px/14px/26px gutter.
   Remove it only while Emprego is the active view. */
body:has(#emprego.view.on) > .workspace,
body:has(#emprego.view.on) .workspace{
  padding:0!important;
  max-width:none!important;
}


/* LIQ_EMPLOYMENT_LIVE_W13_CSS */

.employment-v2-live-match{
 display:inline-flex !important;
 align-items:center;
 justify-content:center;
 gap:8px;

 min-width:142px;

 border-color:
  rgba(255,80,92,.65)
  !important;

 background:
  linear-gradient(
   180deg,
   #d42638,
   #a71728
  )
  !important;

 color:#fff !important;

 box-shadow:
  0 7px 24px
  rgba(148,18,29,.25);
}

.employment-v2-live-match b{
 font-size:12px;
 letter-spacing:.08em;
}

.employment-v2-live-match small{
 color:#fff;
 font-size:11px;
 font-weight:900;
 opacity:.88;
}

.employment-v2-live-match i{
 font-style:normal;
}

.employment-v2-live-dot{
 width:8px;
 height:8px;

 border-radius:50%;

 background:#fff;

 box-shadow:
  0 0 0 4px
  rgba(255,255,255,.13);

 animation:
  employmentLivePulse
  1.35s
  ease-in-out
  infinite;
}

@keyframes employmentLivePulse{

 0%,
 100%{
  opacity:1;
  transform:scale(1);
 }

 50%{
  opacity:.45;
  transform:scale(.76);
 }
}

@media(
 prefers-reduced-motion:reduce
){
 .employment-v2-live-dot{
  animation:none;
 }
}