/* ============================================================================
   DESIGN PREMIUM — OPORTUNIDADES · PROVA VISUAL IMPLEMENTADA V1.1
   Laboratório: Área do editor → Oportunidades (Explore + Evaluate).
   Escopo: TODO seletor abaixo é enraizado em .demands-pilot.
============================================================================ */

.demands-pilot{
  --pilot-radius:16px;
  --prem-card:linear-gradient(180deg,#0e2441 0%,#0a1b32 100%);
  --prem-card-border:rgba(125,160,202,.17);
  --prem-card-border-hover:rgba(125,160,202,.42);
  --prem-control:#0c1f38;
  --prem-control-border:rgba(125,160,202,.24);
  background:linear-gradient(180deg,#07172c 0%,#061426 260px);
  border:1px solid rgba(125,160,202,.14);
  border-radius:22px;
  padding:28px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),var(--shadow-raised);
}

.demands-pilot #catalogStatus .tag.state-warning{
  position:relative;display:block;margin:0 0 22px;padding:11px 14px 11px 18px;
  border:1px solid rgba(234,190,46,.22);border-left:0;border-radius:12px;
  background:rgba(234,190,46,.06);color:#EABE2E;font-size:11px;line-height:1.55;
}
.demands-pilot #catalogStatus .tag.state-warning::before{
  content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:var(--radius-pill);
  background:linear-gradient(180deg,var(--color-warning),rgba(234,190,46,.25));
}

.demands-pilot .pilot-top{
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:"title quota" "title history";
  column-gap:44px;row-gap:8px;align-items:start;
  padding:0 0 26px;margin-bottom:26px;border-bottom:1px solid rgba(125,160,202,.10);
}
.demands-pilot .pilot-title{grid-area:title;padding-top:1px}
.demands-pilot .pilot-title .eyebrow{color:#7c93b2;font-weight:600}
.demands-pilot .pilot-title p{color:#a9bdd6;max-width:440px}

.demands-pilot .quota-panel{
  grid-area:quota;
  border:0;border-left:1px solid rgba(125,160,202,.16);border-radius:0;
  background:none;box-shadow:none;
  padding:1px 0 0 20px;min-width:210px;max-width:240px;
}
.demands-pilot .quota-panel>.eyebrow{font-size:10px;letter-spacing:.4px;text-transform:uppercase;color:#7c93b2}
.demands-pilot .quota-slots{gap:5px;margin:7px 0 8px}
.demands-pilot .quota-slot{
  width:28px;height:6px;border:0;border-radius:var(--radius-pill);
  background:linear-gradient(90deg,var(--color-action),var(--color-action-hover));
}
.demands-pilot .quota-slot.is-used{background:rgba(125,160,202,.14);box-shadow:inset 0 0 0 1px rgba(125,160,202,.2)}
.demands-pilot .quota-headline{font-weight:600}
.demands-pilot .quota-panel .small{color:#8296b2}

.demands-pilot .pilot-history{
  grid-area:history;align-self:start;
  display:flex;flex-direction:column;gap:2px;
  padding:10px 0 0 20px;border-left:1px solid rgba(125,160,202,.16);
}
.demands-pilot .pilot-history button{
  display:inline-flex;align-items:center;align-self:start;min-height:32px;padding:0;
  background:none;border:0;border-radius:0;box-shadow:none;
  color:#bcd6ff;font-size:12.5px;font-weight:600;
  transition:color var(--motion-fast);
}
.demands-pilot .pilot-history button:hover{background:none;border-color:transparent;color:white}
.demands-pilot .pilot-history span{color:#7c93b2}

.demands-pilot .tabs{
  display:inline-flex;gap:3px;margin:0 0 18px;padding:4px;
  border:1px solid rgba(125,160,202,.16);border-bottom:1px solid rgba(125,160,202,.16);border-radius:var(--radius-pill);
  background:#071528;box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 6px 16px -12px rgba(0,0,0,.8);
}
.demands-pilot .tabs button{
  min-height:36px;padding:7px 16px;border:1px solid transparent;border-radius:var(--radius-pill);
  background:none;color:#9cb7d6;font-size:13px;font-weight:600;
  transition:color var(--motion-fast),background var(--motion-fast),box-shadow var(--motion-normal),border-color var(--motion-fast);
}
.demands-pilot .tabs button:hover{color:white;background:rgba(255,255,255,.05);border-color:transparent}
.demands-pilot .tabs button.active,.demands-pilot .tabs button.active:hover{
  color:white;border-color:var(--border-glow);
  background:var(--surface-sheen),linear-gradient(180deg,#1a3050,#102541);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 -1px 0 rgba(0,0,0,.28),var(--glow-active);
}

.demands-pilot .filter-strip{
  gap:14px;padding:16px 18px 18px;border-radius:16px;
  border:1px solid var(--prem-card-border);
  background:var(--surface-sheen),linear-gradient(180deg,#0c2140,#0a1b32);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),var(--shadow-card);
}
.demands-pilot .filter-strip label{color:#8fa8c8;margin-bottom:6px}
.demands-pilot .filter-strip select{
  background:var(--prem-control);border:1px solid var(--prem-control-border);border-radius:11px;
  padding:10px 32px 10px 12px;color:var(--ink);
  transition:border-color var(--motion-fast),box-shadow var(--motion-fast),background var(--motion-fast);
  appearance:none;-webkit-appearance:none;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1.5l5 5 5-5' fill='none' stroke='%239cb7d6' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-repeat:no-repeat;background-position:right 12px center;
}
.demands-pilot .filter-strip select:hover{border-color:var(--prem-card-border-hover);background-color:#0f2642}
.demands-pilot .filter-strip select:focus{border-color:var(--prem-card-border-hover);box-shadow:0 0 0 3px rgba(129,181,255,.18)}
.demands-pilot #resultCount{margin:16px 0 14px;color:#8fa8c8}

.demands-pilot .opportunity-list .grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}
.demands-pilot .opportunity-list .opportunity-card{
  position:relative;overflow:hidden;
  padding:150px 20px 18px;
  border-radius:var(--pilot-radius);border:1px solid var(--prem-card-border);
  background:var(--prem-card);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),var(--shadow-card);
  transition:border-color var(--motion-normal),box-shadow var(--motion-normal),transform var(--motion-normal),background var(--motion-normal);
}
.demands-pilot .opportunity-list .opportunity-card::before{
  content:"";position:absolute;left:0;top:0;right:0;height:132px;
  background:#0d2544 url("assets-oportunidades-dev/outro.svg") center/cover no-repeat;
  border-bottom:1px solid rgba(125,160,202,.14);
}
.demands-pilot .opportunity-card[data-video-type="Reels / Shorts"]::before{background-image:url("assets-oportunidades-dev/reels-shorts.svg")}
.demands-pilot .opportunity-card[data-video-type="YouTube"]::before{background-image:url("assets-oportunidades-dev/youtube.svg")}
.demands-pilot .opportunity-card[data-video-type="Anúncios"]::before{background-image:url("assets-oportunidades-dev/anuncios.svg")}
.demands-pilot .opportunity-card[data-video-type="Aulas"]::before{background-image:url("assets-oportunidades-dev/aulas.svg")}
.demands-pilot .opportunity-list .opportunity-card::after{
  content:"";position:absolute;left:0;right:0;top:92px;height:41px;pointer-events:none;
  background:linear-gradient(180deg,rgba(10,27,50,0),rgba(10,27,50,.85));
}
.demands-pilot .opportunity-list .opportunity-card:hover{
  border-color:var(--prem-card-border-hover);
  background:linear-gradient(180deg,#112a4a 0%,#0c1f38 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),var(--shadow-raised);
  transform:translateY(-1px);
}
.demands-pilot .opportunity-list .opportunity-action{margin-top:14px}
.demands-pilot .opportunity-list .opportunity-action .tag{
  position:absolute;top:12px;left:12px;z-index:1;
  display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border:1px solid rgba(193,232,255,.18);border-radius:var(--radius-pill);
  background:rgba(4,17,36,.78);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  color:#d6e6f7;font-weight:600;letter-spacing:.15px;
}
.demands-pilot .opportunity-list .opportunity-action .tag::before,
.demands-pilot .briefing-panel .briefing-identity .tag::before{content:"";width:6px;height:6px;border-radius:50%;background:#5a8ed5;flex:none}
.demands-pilot .opportunity-list .opportunity-action .tag+.tag{left:auto;right:12px}
.demands-pilot .opportunity-list .opportunity-action .tag.status-negotiating{color:var(--color-warning)}
.demands-pilot .opportunity-list .opportunity-action .tag.status-negotiating::before,
.demands-pilot .briefing-panel .briefing-identity .tag.status-negotiating::before{background:var(--color-warning)}
.demands-pilot .opportunity-list .opportunity-action .tag.status-closed{color:#a8b2c2}
.demands-pilot .opportunity-list .opportunity-action .tag.status-closed::before{background:#697789}
.demands-pilot .opportunity-list .opportunity-meta{color:#8fa8c8}
.demands-pilot .opportunity-list .opportunity-card h3{margin:10px 0 6px;color:#f4f8ff}
.demands-pilot .opportunity-list .opportunity-context{color:#a9bdd6}
.demands-pilot .opportunity-list .opportunity-duration{color:#8fa8c8}
.demands-pilot .opportunity-list .opportunity-footer{border-color:rgba(125,160,202,.14);padding-top:13px}
.demands-pilot .opportunity-list .opportunity-footer small{color:#8fa8c8}
.demands-pilot .opportunity-list .opportunity-footer strong{font-size:18px;font-weight:700;color:#f4f8ff;letter-spacing:-.2px}
.demands-pilot .opportunity-list .opportunity-action{margin-top:14px;justify-content:flex-start}
.demands-pilot .opportunity-list .briefing-link{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:38px;padding:8px 16px;border-radius:11px;border:1px solid var(--prem-control-border);
  background:var(--surface-sheen),var(--prem-control);color:var(--ice);font-weight:700;
  transition:background var(--motion-fast),box-shadow var(--motion-fast),border-color var(--motion-fast),color var(--motion-fast);
}
.demands-pilot .opportunity-list .briefing-link:hover{background:var(--surface-sheen),#123057;border-color:var(--prem-card-border-hover);color:white}
.demands-pilot .opportunity-list .briefing-link:active{background:#0c1f38;box-shadow:none}
.demands-pilot .opportunity-list .opportunity-card:has(.opportunity-action>.tag.status-published:only-of-type) .briefing-link{
  border-color:transparent;
  background:var(--interactive-primary);
  color:var(--text-on-action);box-shadow:none;
}
.demands-pilot .opportunity-list .opportunity-card:has(.opportunity-action>.tag.status-published:only-of-type) .briefing-link:hover{
  background:var(--interactive-primary-hover);color:var(--text-on-action);box-shadow:none;
}
.demands-pilot .opportunity-list .opportunity-card:has(.opportunity-action>.tag.status-published:only-of-type) .briefing-link:active{background:var(--interactive-primary-pressed);box-shadow:none}
.demands-pilot .opportunity-list .opportunity-card:focus-within{outline-offset:2px}
.demands-pilot .empty{border-radius:14px;border-style:dashed}

.demands-pilot .opportunity-list .opportunity-card.card-pilot{
  padding:20px 22px 20px;
  display:flex;flex-direction:column;
}
.demands-pilot .opportunity-list .opportunity-card.card-pilot::before,
.demands-pilot .opportunity-list .opportunity-card.card-pilot::after{
  content:none;
}
.demands-pilot .opportunity-list .opportunity-card.card-pilot .opportunity-meta{
  order:1;min-height:0;display:flex;align-items:center;flex-wrap:wrap;
  gap:0;font-size:11px;color:#93a9c6;
}
.demands-pilot .opportunity-list .opportunity-card.card-pilot .opportunity-meta span+span{margin-left:8px}
.demands-pilot .opportunity-list .opportunity-card.card-pilot .opportunity-meta span+span::before{content:"·";margin-right:8px;opacity:.55}
.demands-pilot .opportunity-list .opportunity-card.card-pilot h3{
  order:2;margin:9px 0 9px;font-size:18px;line-height:1.32;letter-spacing:-.3px;
}
.demands-pilot .opportunity-list .opportunity-card.card-pilot .opportunity-context{order:3;margin:0 0 14px;max-width:none}
.demands-pilot .opportunity-list .opportunity-card.card-pilot .opportunity-duration{order:4;margin:0 0 14px}
.demands-pilot .opportunity-list .opportunity-card.card-pilot .opportunity-footer{
  order:5;border-top:0;padding-top:0;margin-top:2px;
}
.demands-pilot .opportunity-list .opportunity-card.card-pilot .opportunity-footer strong{font-size:19px}

.demands-pilot .opportunity-list .opportunity-card.card-pilot .opportunity-action{display:contents}
.demands-pilot .opportunity-list .opportunity-card.card-pilot .opportunity-action .tag{
  order:0;margin-bottom:10px;
  position:static;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;
  border:0;padding:0;color:#8fa8c8;font-weight:600;font-size:11px;letter-spacing:.1px;
}
.demands-pilot .opportunity-list .opportunity-card.card-pilot .opportunity-action .tag+.tag{order:0;left:auto;right:auto;margin-left:8px}
.demands-pilot .opportunity-list .opportunity-card.card-pilot .opportunity-action .briefing-link{order:6;margin-top:16px}
@media(max-width:760px){
  .demands-pilot .opportunity-list .opportunity-card.card-pilot{padding:16px 16px 16px}
}

.demands-pilot.is-evaluating .workspace{grid-template-columns:272px minmax(0,1fr);gap:20px}
.demands-pilot .rail-item{
  padding:14px 16px;border-radius:13px;border:1px solid var(--prem-card-border);
  background:var(--prem-card);box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
  transition:border-color var(--motion-normal),background var(--motion-normal),box-shadow var(--motion-normal);
}
.demands-pilot .rail-item:hover{border-color:var(--prem-card-border-hover);background:linear-gradient(180deg,#112a4a,#0c1f38)}
.demands-pilot .rail-item.is-selected,.demands-pilot .rail-item.is-selected:hover{
  border-color:var(--border-glow);
  background:var(--surface-sheen),linear-gradient(180deg,#1a3050,#102541);
  box-shadow:inset 3px 0 0 var(--color-action),inset 0 1px 0 rgba(255,255,255,.07),var(--glow-active);
}
.demands-pilot .rail-meta{color:#9cb7d6}
.demands-pilot .rail-flag{color:#8fa8c8}

.demands-pilot .briefing-panel{
  padding:24px 26px 26px;border-radius:18px;border:1px solid var(--border-accent);
  background:var(--surface-sheen),linear-gradient(180deg,#12304f 0%,#0b1d33 320px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),var(--shadow-raised);
}
.demands-pilot .briefing-panel .briefing-nav{margin-bottom:16px}
.demands-pilot .briefing-panel .briefing-identity{position:relative;padding-left:176px;min-height:96px}
.demands-pilot .briefing-panel .briefing-identity::before{
  content:"";position:absolute;left:0;top:0;width:156px;height:96px;border-radius:12px;
  border:1px solid rgba(125,160,202,.16);
  background:#0d2544 url("assets-oportunidades-dev/outro.svg") center/cover no-repeat;
}
.demands-pilot .briefing-identity[data-video-type="Reels / Shorts"]::before{background-image:url("assets-oportunidades-dev/reels-shorts.svg")}
.demands-pilot .briefing-identity[data-video-type="YouTube"]::before{background-image:url("assets-oportunidades-dev/youtube.svg")}
.demands-pilot .briefing-identity[data-video-type="Anúncios"]::before{background-image:url("assets-oportunidades-dev/anuncios.svg")}
.demands-pilot .briefing-identity[data-video-type="Aulas"]::before{background-image:url("assets-oportunidades-dev/aulas.svg")}
.demands-pilot .briefing-panel .briefing-identity .tag{position:absolute;top:10px;left:10px;z-index:1;background:rgba(4,17,36,.78);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.demands-pilot .briefing-panel .briefing-identity h2{margin:0 0 8px}
.demands-pilot .briefing-panel .briefing-identity .tag{
  display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border:1px solid rgba(193,232,255,.16);border-radius:var(--radius-pill);
  background:rgba(4,17,36,.5);color:#d6e6f7;font-weight:600;
}
.demands-pilot .briefing-panel .briefing-identity .tag.status-negotiating{color:var(--color-warning)}

.demands-pilot .briefing-panel .briefing-identity p{color:#b4c5df;max-width:70ch}
.demands-pilot .briefing-panel .briefing-conditions{
  margin:20px 0 0;padding:16px 18px;border-radius:14px;
  border:1px solid rgba(125,160,202,.14);background:rgba(4,17,36,.35);
}
.demands-pilot .briefing-panel .conditions-primary{margin:0 0 8px;gap:36px}
.demands-pilot .briefing-panel .conditions-primary strong{font-size:24px;letter-spacing:-.4px}
.demands-pilot .briefing-panel .conditions-secondary{color:#8fa8c8}
.demands-pilot .briefing-panel .contact{
  margin-top:20px;padding:18px 20px;border:1px solid var(--prem-card-border);border-radius:14px;
  background:var(--surface-sheen),linear-gradient(180deg,#0c2140,#0a1b32);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.demands-pilot .briefing-panel .contact>p:first-child{margin-top:0}
.demands-pilot .briefing-panel .primary{
  border-radius:11px;
  background:var(--interactive-primary);
  box-shadow:none;
}
.demands-pilot .briefing-panel .primary:hover{background:var(--interactive-primary-hover)}
.demands-pilot .briefing-panel .primary:active{background:var(--interactive-primary-pressed)}
.demands-pilot .briefing-panel button:not(.primary):not(.rail-back){border-radius:11px}
.demands-pilot .briefing-panel .revealed-label{margin-top:0}

@media(max-width:1120px){
  .demands-pilot{padding:22px;border-radius:18px}
  .demands-pilot .pilot-top{
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:"title quota" "title history";
    column-gap:28px;
  }
  .demands-pilot .quota-panel{min-width:180px;max-width:200px}
}
@media(max-width:760px){
  .demands-pilot{padding:0;border:0;border-radius:0;background:none;box-shadow:none}
  .demands-pilot #catalogStatus .tag.state-warning{margin-bottom:16px}
  .demands-pilot .pilot-top{
    grid-template-columns:1fr;
    grid-template-areas:"title" "quota" "history";
    gap:12px;padding:0 0 16px;margin-bottom:16px;
  }
  .demands-pilot .quota-panel{
    border:0;border-top:1px solid rgba(125,160,202,.14);
    padding:12px 0 0;min-width:0;max-width:none;
  }
  .demands-pilot .pilot-history{
    border:0;border-top:1px solid rgba(125,160,202,.14);
    padding:12px 0 0;
  }
  .demands-pilot .tabs{display:flex;width:100%}
  .demands-pilot .tabs button{flex:1;padding:7px 10px}
  .demands-pilot .filter-drawer summary{border-radius:12px;background:var(--surface-sheen),var(--prem-control);border-color:var(--prem-control-border)}
  .demands-pilot .filter-strip{padding:14px;border-radius:14px}
  .demands-pilot .opportunity-list .opportunity-card{padding:128px 16px 16px;border-radius:14px}
  .demands-pilot .opportunity-list .opportunity-card::before{height:116px}
  .demands-pilot .opportunity-list .opportunity-card::after{top:78px;height:39px}
  .demands-pilot .opportunity-list .opportunity-card:hover{transform:none}
  .demands-pilot .opportunity-list .opportunity-card h3{margin:8px 0 6px}
  .demands-pilot .briefing-panel{padding:18px 16px 20px;border-radius:14px}
  .demands-pilot .briefing-panel .briefing-identity{padding-left:104px;min-height:60px}
  .demands-pilot .briefing-panel .briefing-identity::before{width:88px;height:60px;border-radius:10px}
  .demands-pilot .briefing-panel .briefing-identity .tag{position:static;margin-bottom:8px;background:rgba(4,17,36,.5)}
  .demands-pilot .briefing-panel .briefing-identity h2{margin:0 0 6px}
  .demands-pilot .briefing-panel .conditions-primary{gap:24px}
  .demands-pilot .briefing-panel .conditions-primary strong{font-size:22px}
}
@media(max-width:430px){
  .demands-pilot .opportunity-list .grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .demands-pilot .opportunity-list .opportunity-card:hover{transform:none}
  .demands-pilot .opportunity-list .opportunity-card,.demands-pilot .rail-item,.demands-pilot .tabs button,
  .demands-pilot .filter-strip select,.demands-pilot .briefing-link,.demands-pilot .pilot-history button{transition:none}
}