/* v4.5 — fluxo principal em primeiro plano + mesa transversal + colunas proporcionais */

/* Fluxo principal: deve disputar atenção somente com o nome do município */
.navigation-shell.workflow-prominent{
  margin:20px 0 26px;
  padding:22px;
  border-radius:20px;
  background:linear-gradient(132deg,#122f52 0%,#1d4d7d 72%,#245f96 100%);
  box-shadow:0 18px 42px rgba(23,54,93,.22);
}
.workflow-emphasis-head{margin-bottom:18px;align-items:center}
.workflow-emphasis-head>div:first-child span{font-size:11px;letter-spacing:.17em}
.workflow-emphasis-head>div:first-child strong{font-size:30px;letter-spacing:-.02em}
.workflow-focus-capital{min-width:230px;padding-left:24px}
.workflow-focus-capital span{font-size:10px}
.workflow-focus-capital strong{font-size:30px;letter-spacing:-.02em}
.workflow-prominent .workflow-nav{gap:12px}
.workflow-prominent .workflow-step{
  position:relative;
  min-height:122px;
  padding:18px 17px;
  gap:13px;
  border-radius:14px;
  border:2px solid rgba(255,255,255,.12);
  background:#fff;
  box-shadow:0 9px 22px rgba(6,27,51,.14);
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;
}
.workflow-prominent .workflow-step:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(6,27,51,.18)}
.workflow-prominent .workflow-step.active{border-color:#86b9eb;background:#f8fcff;box-shadow:0 0 0 4px rgba(134,185,235,.2),0 10px 24px rgba(6,27,51,.15)}
.workflow-prominent .step-number{width:50px;height:50px;flex:0 0 50px;font-size:19px;font-weight:950}
.workflow-prominent .step-copy strong{font-size:20px;line-height:1.05;color:#17365d}
.workflow-prominent .step-copy small{font-size:12px;line-height:1.3;margin-top:5px;color:#5f6e84}
.workflow-prominent .utility-nav{margin-top:15px;padding-top:13px}
.workflow-prominent .cmp-utility-open{
  margin-left:auto;
  border:1px solid rgba(255,255,255,.42);
  background:rgba(255,255,255,.13);
  color:#fff!important;
  font-weight:900;
}
.workflow-prominent .cmp-utility-open:hover{background:#fff!important;color:#17365d!important}

/* Chamada transversal: deixa claro que a comparação cruza as três fontes */
.cmp-flow-cta{
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  margin-top:14px;padding:13px 14px;border-radius:12px;
  background:rgba(7,28,53,.34);border:1px solid rgba(255,255,255,.18);color:#fff;
}
.cmp-flow-cta>div{min-width:0}.cmp-flow-cta span{display:block;font-size:9px;font-weight:900;letter-spacing:.12em;opacity:.72}.cmp-flow-cta strong{display:block;font-size:14px;margin-top:2px}.cmp-flow-cta small{display:block;font-size:10px;margin-top:2px;opacity:.72}
.cmp-flow-cta button{flex:0 0 auto;border:0;border-radius:9px;background:#fff;color:#17365d;padding:9px 12px;font-weight:900;cursor:pointer}

/* Proposta digitada na aba Mercado também é uma opção comparável */
.market-current-compare{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  margin:12px 0;padding:11px 12px;border:1px solid #bfd1e5;border-radius:11px;background:#f4f8fd;
}
.market-current-compare>div{min-width:0}.market-current-compare span{display:block;font-size:8px;font-weight:900;letter-spacing:.09em;color:#6d7d92}.market-current-compare strong{display:block;color:#17365d;font-size:12px;margin-top:2px}.market-current-compare small{display:block;color:#69748f;font-size:9px;margin-top:2px}
.market-current-compare .cmp-select-btn{width:auto;min-width:150px;flex:0 0 auto}
.market-current-compare .cmp-select-btn:disabled{opacity:.48;cursor:not-allowed}

/* Seleção é ação, não conteúdo: não deve roubar largura da tabela */
.cmp-select-head,.cmp-select-cell{width:104px!important;min-width:104px!important;max-width:104px!important}
.cmp-select-btn{padding:7px 5px;font-size:8.5px}

/* Contratos: larguras proporcionais à natureza do conteúdo */
.market-contract-table{width:max-content!important;min-width:100%!important;table-layout:auto!important}
.market-contract-table th,.market-contract-table td{white-space:normal;overflow-wrap:anywhere}
.market-contract-table th:nth-child(1),.market-contract-table td:nth-child(1){width:104px!important;min-width:104px!important;max-width:104px!important}
.market-contract-table th:nth-child(2),.market-contract-table td:nth-child(2){width:10ch!important;min-width:9ch!important;max-width:12ch!important}
.market-contract-table th:nth-child(3),.market-contract-table td:nth-child(3){width:18ch!important;min-width:14ch!important;max-width:24ch!important}
.market-contract-table th:nth-child(4),.market-contract-table td:nth-child(4){width:24ch!important;min-width:18ch!important;max-width:32ch!important}
.market-contract-table th:nth-child(5),.market-contract-table td:nth-child(5){width:16ch!important;min-width:14ch!important;max-width:19ch!important}
.market-contract-table th:nth-child(6),.market-contract-table td:nth-child(6){width:32ch!important;min-width:24ch!important;max-width:42ch!important}
.market-contract-table th:nth-child(7),.market-contract-table td:nth-child(7){width:15ch!important;min-width:13ch!important;max-width:18ch!important}
.market-contract-table th:nth-child(8),.market-contract-table td:nth-child(8),
.market-contract-table th:nth-child(9),.market-contract-table td:nth-child(9){width:15ch!important;min-width:13ch!important;max-width:18ch!important}
.market-contract-table th:nth-child(10),.market-contract-table td:nth-child(10){width:12ch!important;min-width:10ch!important;max-width:14ch!important}
.market-contract-table th:nth-child(11),.market-contract-table td:nth-child(11){width:21ch!important;min-width:16ch!important;max-width:27ch!important}
.market-contract-table th:nth-child(12),.market-contract-table td:nth-child(12){width:17ch!important;min-width:14ch!important;max-width:21ch!important}

/* Casos de mercado: instituição/preço/observação ganham espaço; códigos não */
.market-offers-table{width:max-content!important;min-width:100%!important;table-layout:auto!important}
.market-offers-table th,.market-offers-table td{white-space:normal;overflow-wrap:anywhere}
.market-offers-table th:nth-child(1),.market-offers-table td:nth-child(1){width:104px!important;min-width:104px!important;max-width:104px!important}
.market-offers-table th:nth-child(2),.market-offers-table td:nth-child(2){width:5ch!important;min-width:5ch!important;max-width:6ch!important}
.market-offers-table th:nth-child(3),.market-offers-table td:nth-child(3){width:24ch!important;min-width:18ch!important;max-width:30ch!important}
.market-offers-table th:nth-child(4),.market-offers-table td:nth-child(4){width:14ch!important;min-width:11ch!important;max-width:18ch!important}
.market-offers-table th:nth-child(5),.market-offers-table td:nth-child(5){width:26ch!important;min-width:20ch!important;max-width:34ch!important}
.market-offers-table th:nth-child(6),.market-offers-table td:nth-child(6){width:12ch!important;min-width:10ch!important;max-width:16ch!important}
.market-offers-table th:nth-child(7),.market-offers-table td:nth-child(7){width:38ch!important;min-width:28ch!important;max-width:50ch!important}
.market-offers-table th:nth-child(8),.market-offers-table td:nth-child(8){width:15ch!important;min-width:12ch!important;max-width:18ch!important}

/* Mesa: 5 opções cabem sem criar colunas gigantes */
.cmp-table th:first-child{width:160px!important;min-width:160px!important;max-width:185px!important}
.cmp-option-head{width:clamp(190px,19vw,280px)!important;min-width:190px!important;max-width:280px!important}
.cmp-note{min-width:150px;max-width:250px}

@media(max-width:900px){
  .navigation-shell.workflow-prominent{padding:17px}
  .workflow-emphasis-head>div:first-child strong,.workflow-focus-capital strong{font-size:25px}
  .workflow-prominent .workflow-step{min-height:108px;padding:14px}
  .workflow-prominent .step-number{width:42px;height:42px;flex-basis:42px;font-size:17px}
  .workflow-prominent .step-copy strong{font-size:17px}
  .cmp-flow-cta{align-items:flex-start}.cmp-flow-cta small{max-width:520px}
}
@media(max-width:560px){
  .navigation-shell.workflow-prominent{padding:13px}
  .workflow-emphasis-head>div:first-child strong,.workflow-focus-capital strong{font-size:21px}
  .workflow-prominent .workflow-step{min-height:100px;padding:10px;gap:9px}
  .workflow-prominent .step-number{width:34px;height:34px;flex-basis:34px;font-size:14px}
  .workflow-prominent .step-copy strong{font-size:15px}.workflow-prominent .step-copy small{font-size:9px}
  .cmp-flow-cta,.market-current-compare{display:block}.cmp-flow-cta button,.market-current-compare .cmp-select-btn{width:100%;margin-top:9px}
  .cmp-select-head,.cmp-select-cell{width:92px!important;min-width:92px!important;max-width:92px!important}
}