/* =========================================================
   V50 — acabamento compartilhado e botões de alto contraste
   ========================================================= */
:root{
  --v50-gold:#d6aa22;
  --v50-gold-hi:#f4d467;
  --v50-gold-lo:#a77d0d;
  --v50-red:#c83f3f;
  --v50-red-hi:#ef6b6b;
  --v50-green:#238e4e;
  --v50-green-hi:#51c27a;
  --v50-white:#f1f1ef;
  --v50-ink:#080806;
  --v50-solid:#1c1b17;
}

html{scrollbar-gutter:stable}
body{accent-color:var(--v50-gold)}

/* Ações: sem aparência "lavada" ou transparente. */
button,
a.button,
a.btn,
a.back,
.button,
.btn,
.back,
.continue-btn,
.action-btn,
.clock-btn,
.file-button,
.login-btn,
.mini-btn,
.upload-btn,
.agent-link{
  border-color:rgba(244,212,103,.58)!important;
  background:linear-gradient(180deg,var(--v50-gold-hi),var(--v50-gold))!important;
  color:var(--v50-ink)!important;
  box-shadow:0 9px 23px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.34)!important;
  text-shadow:none!important;
  font-weight:900!important;
}

button:not(:disabled):hover,
a.button:hover,
a.btn:hover,
a.back:hover,
.button:not(:disabled):hover,
.btn:not(:disabled):hover,
.back:hover,
.continue-btn:not(:disabled):hover,
.action-btn:not(:disabled):hover,
.clock-btn:not(:disabled):hover,
.login-btn:not(:disabled):hover,
.mini-btn:not(:disabled):hover,
.upload-btn:hover,
.agent-link:hover{
  filter:brightness(1.08) saturate(1.04);
  transform:translateY(-1px);
}

button:focus-visible,
a.button:focus-visible,
a.btn:focus-visible,
a.back:focus-visible,
.button:focus-visible,
.btn:focus-visible,
.continue-btn:focus-visible,
.action-btn:focus-visible,
.login-btn:focus-visible,
.mini-btn:focus-visible,
.upload-btn:focus-visible,
.agent-link:focus-visible{
  outline:3px solid rgba(255,231,145,.72)!important;
  outline-offset:3px!important;
}

button:disabled,
.button:disabled,
.btn:disabled,
.continue-btn:disabled,
.action-btn:disabled,
.clock-btn:disabled,
.login-btn:disabled,
.mini-btn:disabled{
  opacity:.58!important;
  filter:saturate(.72)!important;
  cursor:not-allowed!important;
  transform:none!important;
}

/* Semântica forte: perigo, sucesso e neutro/branco. */
.danger,
.button.danger,
.btn.danger,
.clock-btn.exit,
[data-tone="danger"]{
  border-color:rgba(255,140,140,.72)!important;
  background:linear-gradient(180deg,var(--v50-red-hi),var(--v50-red))!important;
  color:#fff!important;
  box-shadow:0 9px 23px rgba(112,15,15,.30),inset 0 1px 0 rgba(255,255,255,.28)!important;
}

.success,
.button.success,
.btn.success,
[data-tone="success"]{
  border-color:rgba(130,231,166,.68)!important;
  background:linear-gradient(180deg,var(--v50-green-hi),var(--v50-green))!important;
  color:#07130b!important;
  box-shadow:0 9px 23px rgba(9,85,40,.28),inset 0 1px 0 rgba(255,255,255,.25)!important;
}

.neutral-button,
.button.neutral-button,
.btn.neutral-button,
[data-tone="neutral"]{
  border-color:rgba(255,255,255,.86)!important;
  background:linear-gradient(180deg,#fff,var(--v50-white))!important;
  color:#111!important;
}

/* Botões de correção preservam as três cores, mas agora sólidas. */
.grade-btn[data-grade="CERTO"]{
  border-color:#8be1a8!important;
  background:linear-gradient(180deg,#a9ebbb,#55be78)!important;
  color:#08130b!important;
}
.grade-btn[data-grade="SATISFATORIO"]{
  border-color:#fff!important;
  background:linear-gradient(180deg,#fff,#dedede)!important;
  color:#111!important;
}
.grade-btn[data-grade="ERRADO"]{
  border-color:#ff9a9a!important;
  background:linear-gradient(180deg,#ffabab,#df5b5b)!important;
  color:#210707!important;
}

/* Navegação/filtros são sólidos escuros; selecionados ficam dourados. */
.tab-button,
.filter-button,
.picker-item,
.agent-card,
.modal-close,
.menu-toggle,
.search-toggle{
  background:linear-gradient(180deg,#24231e,#151511)!important;
  border-color:rgba(214,170,34,.32)!important;
  color:#dedbd0!important;
  box-shadow:0 7px 18px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.tab-button[aria-selected="true"],
.filter-button[aria-pressed="true"],
.picker-item[aria-selected="true"]{
  background:linear-gradient(180deg,var(--v50-gold-hi),var(--v50-gold))!important;
  border-color:rgba(255,224,112,.78)!important;
  color:#090907!important;
  box-shadow:0 8px 22px rgba(190,145,13,.21),inset 0 1px 0 rgba(255,255,255,.34)!important;
}
.agent-card:hover,
.picker-item:hover{
  border-color:rgba(244,212,103,.58)!important;
  background:linear-gradient(180deg,#2b281c,#19170f)!important;
}
.modal-close{color:var(--v50-gold-hi)!important}

/* Campos desabilitados continuam legíveis — importante para cargo fixo. */
input:disabled,
select:disabled,
textarea:disabled,
.form-control:disabled{
  opacity:1!important;
  color:#d9d5c8!important;
  -webkit-text-fill-color:#d9d5c8!important;
  background:#11110e!important;
  border-color:rgba(214,170,34,.25)!important;
  cursor:not-allowed!important;
}

@media(max-width:760px){
  html{scrollbar-gutter:auto}
  button,.button,.btn,.back,.continue-btn,.action-btn{min-height:44px}
}