/* SIMINC UAU Portal - Dark UI (scoped) */
body.siminc-uau-portal-page{
  background: #0C1014 !important;
  color: #FFFFFF;
}

body.siminc-uau-portal-page #page,
body.siminc-uau-portal-page .site,
body.siminc-uau-portal-page #content,
body.siminc-uau-portal-page .elementor,
body.siminc-uau-portal-page .elementor-section-wrap,
body.siminc-uau-portal-page .elementor-section{
  background: transparent !important;
}

/* wrapper do portal */
.siminc-uau-portal{
  --bg: #0C1014;
  --panel: #14181C;
  --panel2: #1A1E22;
  --border: rgba(255,255,255,.10);
  --text: #FFFFFF;
  --muted: #C7D0DA;
  --accent: #2AA7FF;

  background: transparent;
  color: var(--text);
  padding: 18px;
  border-radius: 16px;

  /* tipografia mais “harmônica” */
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* tira “negrito agressivo” até dos <strong> */
.siminc-uau-portal strong{ font-weight: 500; }

.siminc-uau-portal.siminc-uau-login{
  min-height: auto !important;
  padding: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
}

.siminc-uau-portal label{ color: var(--muted); }

.siminc-uau-portal input[type="text"],
.siminc-uau-portal input[type="password"],
.siminc-uau-portal input[type="number"]{
  background: var(--panel2) !important;
  color: var(--text) !important;
  border: 1px solid var(--border) !important;
  border-radius: 12px;
  outline: none;
}

/* banners */
.siminc-uau-portal .uau-banner{
  padding: 12px;
  border: 1px solid var(--border);
  border-radius: 12px;
  margin-bottom: 12px;
  background: rgba(255,255,255,.04);
  color: var(--text);
  font-weight: 450;
}
.siminc-uau-portal .uau-banner--ok{ border-color: rgba(46,204,113,.35); background: rgba(46,204,113,.08); }
.siminc-uau-portal .uau-banner--warn{ border-color: rgba(241,196,15,.35); background: rgba(241,196,15,.08); }
.siminc-uau-portal .uau-banner--err{ border-color: rgba(231,76,60,.35); background: rgba(231,76,60,.08); }

/* sections (remove blur = melhora FPS MUITO) */
.siminc-uau-portal .uau-section{
  margin: 16px 0;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 16px;
  background: rgba(255,255,255,.03);
  /* REMOVIDO: backdrop-filter */
}

.siminc-uau-portal .uau-section__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}

.siminc-uau-portal .uau-section__title{
  font-weight: 600;
  font-size: 17px;
  letter-spacing: .1px;
}

.siminc-uau-portal .uau-section__sub{
  margin-top: 6px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 400;
}

/* cards */
.siminc-uau-portal .uau-cards{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  gap: 12px !important;
}
@media (max-width: 860px){
  .siminc-uau-portal .uau-cards{ grid-template-columns: 1fr !important; }
}

.siminc-uau-portal .uau-card{
  border: 1px solid var(--border) !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, rgba(26,30,34,.92), rgba(20,24,28,.92)) !important;
  padding: 14px !important;

  /* sombra mais leve (FPS) */
  box-shadow: 0 6px 18px rgba(0,0,0,.18);
}

.siminc-uau-portal .uau-card__head{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:10px;
}

.siminc-uau-portal .uau-icon{
  width:38px;
  height:38px;
  border-radius: 12px;
  border: 1px solid rgba(42,167,255,.28);
  background: rgba(42,167,255,.10);
  display:flex;
  align-items:center;
  justify-content:center;
}

.siminc-uau-portal .uau-icon .dashicons{
  color: var(--accent);
  font-size: 18px;
  width: 18px;
  height: 18px;
}

.siminc-uau-portal .uau-card__kicker{
  color: var(--muted) !important;
  font-size: 12px !important;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-weight: 450;
}

.siminc-uau-portal .uau-card__title{
  font-weight: 600 !important;
  margin-top: 2px;
}

.siminc-uau-portal .uau-card__desc{
  color: var(--muted) !important;
  font-size: 14px;
  margin: 10px 0 12px;
  font-weight: 400;
}

.siminc-uau-portal .uau-actions{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap: wrap;
}

/* buttons */
.siminc-uau-portal a.uau-btn,
.siminc-uau-portal .uau-btn{
  display: inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  padding: 10px 12px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(42,167,255,.30) !important;
  background: rgba(42,167,255,.10) !important;
  color: var(--accent) !important;
  text-decoration: none !important;
  cursor: pointer !important;
  line-height: 1 !important;
  font-weight: 600 !important;
  transition: transform .10s ease, filter .10s ease !important;
}
.siminc-uau-portal a.uau-btn:hover,
.siminc-uau-portal .uau-btn:hover{
  filter: brightness(1.08) !important;
  transform: translateY(-1px);
}

.siminc-uau-portal .uau-btn--primary{
  background: rgba(42,167,255,.18) !important;
  border-color: rgba(42,167,255,.45) !important;
  color: #D6F1FF !important;
}

.siminc-uau-portal button.uau-link{
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  color: var(--accent) !important;
  cursor: pointer !important;
  font-weight: 600 !important;
  text-decoration: underline;
}

/* collapse */
.siminc-uau-portal .uau-collapse{
  margin-top: 12px;
  border-top: 1px solid rgba(255,255,255,.08);
  padding-top: 10px;
}
.siminc-uau-portal .uau-minirow{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding: 10px 0;
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.siminc-uau-portal .uau-minirow__label{
  color: #EAF3FF;
  font-weight: 500;
}
.siminc-uau-portal .uau-minirow__action{
  color: var(--accent);
  text-decoration:none;
  font-weight: 600;
}
.siminc-uau-portal .uau-minirow__action:hover{
  text-decoration: underline;
}
.siminc-uau-portal .uau-hint{
  margin-top: 10px;
  font-size: 13px;
  color: var(--muted);
  font-weight: 400;
}

/* tables */
.siminc-uau-portal table{
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: var(--panel2);
  border: 1px solid var(--border);
  border-radius: 16px;
  overflow: hidden;
}
.siminc-uau-portal th{
  background: rgba(255,255,255,.04);
  color: var(--muted);
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  text-align: left;
  font-weight: 600;
}
.siminc-uau-portal td{
  color: var(--text);
  border-bottom: 1px solid rgba(255,255,255,.06) !important;
  font-weight: 400;
}
.siminc-uau-portal th,
.siminc-uau-portal td{
  padding: 12px !important;
}

/* status badges */
.siminc-uau-portal .uau-status{
  display: inline-flex;
  align-items: center;
  padding: 6px 10px;
  border-radius: 999px;
  font-weight: 600;
  font-size: 13px;
  border: 1px solid transparent;
  line-height: 1;
}
.siminc-uau-portal .uau-status--open{
  background: rgba(255, 149, 0, .12);
  border-color: rgba(255, 149, 0, .35);
  color: #FF9500;
}
.siminc-uau-portal .uau-status--paid{
  background: rgba(46, 204, 113, .12);
  border-color: rgba(46, 204, 113, .35);
  color: #2ECC71;
}

/* overlay loading */
.siminc-uau-portal .siminc-uau-overlay{
  position: fixed;
  inset: 0;
  background: rgba(12,16,20,.68);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 99999;
}
.siminc-uau-portal .siminc-uau-overlay.is-active{ display:flex; }
.siminc-uau-portal .siminc-uau-overlay__card{
  width: min(420px, calc(100% - 40px));
  background: rgba(26,30,34,.95);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 16px;
  padding: 18px;
  text-align: center;
}
.siminc-uau-portal .siminc-uau-overlay__text{
  font-weight: 600;
  margin-top: 10px;
}
.siminc-uau-portal .siminc-uau-overlay__sub{
  color: var(--muted);
  margin-top: 6px;
  font-size: 13px;
  font-weight: 400;
}
.siminc-uau-portal .siminc-uau-spinner{
  width: 36px;
  height: 36px;
  border-radius: 999px;
  border: 3px solid rgba(255,255,255,.18);
  border-top-color: rgba(42,167,255,.85);
  margin: 0 auto;
  animation: simincSpin .9s linear infinite;
}
@keyframes simincSpin { to { transform: rotate(360deg); } }

/* acessibilidade/performance */
@media (prefers-reduced-motion: reduce){
  .siminc-uau-portal a.uau-btn,
  .siminc-uau-portal .uau-btn{
    transition: none !important;
    transform: none !important;
  }
  .siminc-uau-portal .siminc-uau-spinner{
    animation-duration: 1.2s;
  }
}

/* Outros anos: botão “Indisponível” */
.siminc-uau-portal .uau-minirow__action--disabled{
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  color: rgba(199,208,218,.65) !important;
  cursor: pointer !important;
  font-weight: 500 !important;
  text-decoration: underline;
}
.siminc-uau-portal .uau-minirow__action--disabled:hover{
  color: rgba(199,208,218,.85) !important;
}

/* Toast */
.uau-toast{
  position: fixed;
  top: 18px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100000;
  width: min(640px, calc(100% - 24px));
  display: none;
}
.uau-toast.is-active{ display:block; }
.uau-toast__inner{
  background: rgba(26,30,34,.96);
  border: 1px solid rgba(255,255,255,.10);
  color: #EAF3FF;
  border-radius: 14px;
  padding: 12px 14px;
  box-shadow: 0 10px 30px rgba(0,0,0,.30);
  font-size: 14px;
}

/* Hover mais “vivo”: azul sólido + texto branco */
.siminc-uau-portal a.uau-btn:hover,
.siminc-uau-portal .uau-btn:hover{
  background: rgba(42,167,255,.92) !important;
  border-color: rgba(42,167,255,.92) !important;
  color: #FFFFFF !important;
}

/* garante que links dentro do botão também fiquem brancos */
.siminc-uau-portal a.uau-btn:hover *{
  color: #FFFFFF !important;
}

/* opcional: deixa o primary ainda mais “CTA” */
.siminc-uau-portal .uau-btn--primary:hover{
  background: rgba(42,167,255,1) !important;
  border-color: rgba(42,167,255,1) !important;
  color: #FFFFFF !important;
}

/* Login: alinhamento e “encaixe” do botão */
.siminc-uau-portal .uau-form--login .uau-help{
  color: rgba(199,208,218,.85);
  font-size: 13px;
  margin-top: 6px;
}

.siminc-uau-portal .uau-form--login .uau-btn--block{
  width: 100% !important;
  justify-content: center !important;
  margin-top: 6px;
}

/* Password toggle */
.siminc-uau-portal .uau-pass-wrap{
  position: relative;
}
.siminc-uau-portal .uau-pass-wrap .uau-input{
  padding-right: 44px !important;
}
.siminc-uau-portal .uau-pass-toggle{
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-55%);
  background: transparent !important;
  border: 0 !important;
  padding: 6px !important;
  cursor: pointer !important;
  color: rgba(199,208,218,.9) !important;
}
.siminc-uau-portal .uau-pass-toggle:hover{
  color: #FFFFFF !important;
}
.siminc-uau-portal .uau-pass-toggle .dashicons{
  font-size: 18px;
  width: 18px;
  height: 18px;
}

/* Linha selecionada na tabela de unidades */
.siminc-uau-portal tr.uau-row-selected td{
  background: rgba(42,167,255,.10) !important;
}
.siminc-uau-portal tr.uau-row-selected td:first-child{
  border-left: 3px solid rgba(42,167,255,.75) !important;
}

/* Badge da unidade nos dados do cliente */
.siminc-uau-portal .uau-badge{
  display:inline-flex;
  align-items:center;
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid rgba(42,167,255,.35);
  background: rgba(42,167,255,.12);
  color: #D6F1FF;
}

/* Tabs Parcelas */
.siminc-uau-portal .uau-tabs{
  display:flex;
  gap:10px;
  margin: 10px 0 12px;
  flex-wrap: wrap;
}
.siminc-uau-portal .uau-tab{
  appearance:none;
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  color: rgba(199,208,218,.95) !important;
  padding: 8px 12px !important;
  border-radius: 999px !important;
  cursor: pointer !important;
  font-weight: 600 !important;
}
.siminc-uau-portal .uau-tab:hover{
  border-color: rgba(42,167,255,.35) !important;
}
.siminc-uau-portal .uau-tab.is-active{
  background: rgba(42,167,255,.18) !important;
  border-color: rgba(42,167,255,.45) !important;
  color: #D6F1FF !important;
}

/* Rows escondidas no “Mostrar mais” */
.siminc-uau-portal tr.uau-row-hidden{
  display:none !important;
}

.siminc-uau-portal .uau-more-wrap{
  margin-top: 12px;
}

/* ===== Forms extras (Primeiro acesso / Recuperar / Alterar) ===== */
.siminc-uau-portal .uau-field{ margin-bottom: 10px; }
.siminc-uau-portal .uau-help{
  color: rgba(199,208,218,.85);
  font-size: 13px;
  margin-top: 6px;
  font-weight: 400;
}
.siminc-uau-portal input[type="email"],
.siminc-uau-portal input[type="date"]{
  background: var(--panel2) !important;
  color: var(--text) !important;
  border: 1px solid var(--border) !important;
  border-radius: 12px;
  outline: none;
}
.siminc-uau-portal input[type="date"]{ padding-right: 10px; }

/* ===== Primeiro acesso: Grid + Callout + Code ===== */
.siminc-uau-portal .uau-grid{
  display: grid;
  gap: 14px;
}
.siminc-uau-portal .uau-grid--3{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 900px){
  .siminc-uau-portal .uau-grid--3{ grid-template-columns: 1fr; }
}

.siminc-uau-portal .uau-callout{
  margin: 10px 0 14px;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  color: rgba(234,243,255,.95);
}
.siminc-uau-portal .uau-callout--info{
  border-color: rgba(42,167,255,.25);
  background: rgba(42,167,255,.08);
}
.siminc-uau-portal .uau-help code{
  padding: 2px 6px;
  border-radius: 8px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.08);
}

/* ===== FIX: Primeiro acesso alinhado e centralizado ===== */

/* centraliza o form */
.siminc-uau-portal .uau-form--primeiro-acesso{
  max-width: 920px !important;
  margin: 0 auto !important;
}

/* o grid ocupa a largura do form e alinha topo */
.siminc-uau-portal .uau-form--primeiro-acesso .uau-grid{
  width: 100%;
  align-items: start;
}

/* força as descrições terem altura parecida → inputs alinham na mesma linha */
.siminc-uau-portal .uau-form--primeiro-acesso .uau-help{
  min-height: 36px;
}

/* tira a “guerra” do margin inline do input com o grid */
.siminc-uau-portal .uau-form--primeiro-acesso .uau-input{
  margin: 6px 0 0 !important;
  padding: 12px 12px !important;
}

/* grid já tem gap → não precisa margin-bottom no field */
.siminc-uau-portal .uau-form--primeiro-acesso .uau-field{
  margin-bottom: 0 !important;
}

/* callout ocupa largura do form */
.siminc-uau-portal .uau-form--primeiro-acesso .uau-callout{
  width: 100%;
  margin: 16px 0 14px !important;
}

/* botão centralizado e com largura decente */
.siminc-uau-portal .uau-form--primeiro-acesso .uau-btn--block{
  display: flex !important;
  width: min(340px, 100%) !important;
  justify-content: center !important;
  margin: 0 auto !important;
}