/* =========================================================
     V13 — correções solicitadas: login, atividades e termômetro
     ========================================================= */

  /* Login: a camada global de inputs não pode retirar o espaço dos ícones. */
  #loginScreen .nl-input-wrap{position:relative!important}
  #loginScreen .nl-input-wrap>svg{
    position:absolute!important;
    z-index:2!important;
    left:18px!important;
    top:50%!important;
    width:20px!important;
    height:20px!important;
    margin:0!important;
    transform:translateY(-50%)!important;
    pointer-events:none!important;
  }
  #loginScreen .nl-input-wrap input{
    height:58px!important;
    min-height:58px!important;
    padding:0 54px!important;
    line-height:58px!important;
  }
  #loginScreen .nl-input-wrap #loginPassword{padding-right:62px!important}
  #loginScreen .nl-toggle-password{
    top:9px!important;
    right:9px!important;
    width:40px!important;
    height:40px!important;
    padding:0!important;
  }

  /* O cadastro de atividade permanece fechado até o clique em "Nova atividade". */
  #eventFormCard.hidden{display:none!important}
  #eventFormCard.ui-wizard-floating-card:not(.hidden){
    left:calc((100vw + var(--sidebar))/2)!important;
    width:min(980px,calc(100vw - var(--sidebar) - 44px))!important;
    max-width:calc(100vw - var(--sidebar) - 44px)!important;
  }
  body.sidebar-collapsed #eventFormCard.ui-wizard-floating-card:not(.hidden){
    left:calc((100vw + 72px)/2)!important;
    width:min(980px,calc(100vw - 116px))!important;
    max-width:calc(100vw - 116px)!important;
  }

  /* Evento selecionado para presença. */
  #eventList .event-card{
    cursor:pointer;
    transition:border-color .16s ease,box-shadow .16s ease,background .16s ease,transform .16s ease;
  }
  #eventList .event-card:hover{
    border-color:#a9cce7!important;
    box-shadow:0 10px 24px rgba(6,62,150,.09)!important;
    transform:translateY(-1px);
  }
  #eventList .event-card.is-attendance-selected{
    --item-color:#087fd1!important;
    border-color:#76b9e8!important;
    border-left:5px solid #087fd1!important;
    background:linear-gradient(90deg,#eef8ff 0%,#fff 42%)!important;
    box-shadow:0 0 0 3px rgba(8,127,209,.11),0 14px 30px rgba(6,62,150,.10)!important;
  }
  #eventList .event-card:focus-visible{
    outline:3px solid rgba(8,127,209,.25);
    outline-offset:3px;
  }
  .attendance-selected-chip{
    display:none;
    align-items:center;
    padding:4px 7px;
    border-radius:999px;
    color:#075fa8;
    background:#dff2ff;
    font-size:8px;
    font-weight:950;
    letter-spacing:.35px;
    text-transform:uppercase;
  }
  .event-card.is-attendance-selected .attendance-selected-chip{display:inline-flex}

  #attendanceSelectedEventBanner{
    margin:-2px 0 14px;
    padding:14px 16px;
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    gap:4px 12px;
    align-items:center;
    border:1px solid #acd8f4;
    border-left:5px solid #087fd1;
    border-radius:13px;
    background:linear-gradient(110deg,#eaf7ff,#f9fcff);
  }
  #attendanceSelectedEventBanner.hidden{display:none!important}
  #attendanceSelectedEventBanner .selected-event-label{
    grid-row:1/3;
    min-width:76px;
    padding:7px 9px;
    border-radius:10px;
    color:#075fa8;
    background:#fff;
    font-size:8px;
    font-weight:950;
    line-height:1.25;
    letter-spacing:.55px;
    text-align:center;
    text-transform:uppercase;
    box-shadow:0 3px 10px rgba(6,62,150,.08);
  }
  #attendanceSelectedEventBanner strong{
    min-width:0;
    overflow:hidden;
    color:#063e96;
    font-size:15px;
    font-weight:900;
    line-height:1.25;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  #attendanceSelectedEventBanner span:last-child{
    color:#667085;
    font-size:10px;
    line-height:1.45;
  }

  /* Paleta semântica final do Termômetro do Voto. */
  :root{
    --temp-cold:#f59e0b!important;
    --temp-cold-soft:#fff7df!important;
    --temp-cold-ink:#9a6200!important;
    --temp-warm:#2f80d7!important;
    --temp-warm-soft:#eaf5ff!important;
    --temp-warm-ink:#155ca8!important;
    --temp-hot:#22ad6b!important;
    --temp-hot-soft:#e7f9ef!important;
    --temp-hot-ink:#067647!important;
  }
  .vote-frio .vote-select-dot,.vote-pill.frio:before{
    background:linear-gradient(135deg,#fbbf24,var(--temp-cold))!important
  }
  .vote-morno .vote-select-dot,.vote-pill.morno:before{
    background:linear-gradient(135deg,#60a5fa,var(--temp-warm))!important
  }
  .vote-quente .vote-select-dot,.vote-pill.quente:before{
    background:linear-gradient(135deg,#4ade80,var(--temp-hot))!important
  }
  #executiveVoteBars .executive-bar-row:nth-child(1) .executive-bar-fill{
    background:linear-gradient(90deg,#fbbf24,var(--temp-cold))!important
  }
  #executiveVoteBars .executive-bar-row:nth-child(2) .executive-bar-fill{
    background:linear-gradient(90deg,#60a5fa,var(--temp-warm))!important
  }
  #executiveVoteBars .executive-bar-row:nth-child(3) .executive-bar-fill{
    background:linear-gradient(90deg,#4ade80,var(--temp-hot))!important
  }
  #executiveKpis .executive-kpi:nth-child(3) strong{color:var(--temp-hot)!important}
  #executiveKpis .executive-kpi:nth-child(4) strong{color:var(--temp-cold)!important}
  .territory-legend span:nth-child(1) i,
  .territory-color-bar i:nth-child(1),
  .executive-stack i:nth-child(1){background:var(--temp-cold)!important}
  .territory-legend span:nth-child(2) i,
  .territory-color-bar i:nth-child(2),
  .executive-stack i:nth-child(2){background:var(--temp-warm)!important}
  .territory-legend span:nth-child(3) i,
  .territory-color-bar i:nth-child(3),
  .executive-stack i:nth-child(3){background:var(--temp-hot)!important}

  @media(max-width:920px){
    #eventFormCard.ui-wizard-floating-card:not(.hidden),
    body.sidebar-collapsed #eventFormCard.ui-wizard-floating-card:not(.hidden){
      left:50%!important;
      width:calc(100vw - 24px)!important;
      max-width:calc(100vw - 24px)!important;
    }
  }
  @media(max-width:620px){
    #attendanceSelectedEventBanner{grid-template-columns:1fr;gap:5px}
    #attendanceSelectedEventBanner .selected-event-label{grid-row:auto;width:max-content;min-width:0}
    #attendanceSelectedEventBanner strong{white-space:normal}
  }