/* Atlanta Produção — Premium Black & Gold v7.1
   Referência visual: fundo preto + dourado fosco #C9AA5A */
:root{
  --atlanta-gold:#c9aa5a;
  --atlanta-gold-light:#d7b45f;
  --atlanta-gold-hover:#e1bf6a;
  --atlanta-gold-dark:#9c854a;
  --atlanta-gold-dim:rgba(201,170,90,.13);
  --atlanta-bg:#08090b;
  --atlanta-bg-2:#0d0f12;
  --atlanta-surface:#111419;
  --atlanta-surface-2:#171b21;
  --atlanta-surface-3:#1b2027;
  --atlanta-border:#2b3038;
  --atlanta-border-gold:rgba(201,170,90,.48);
  --atlanta-text:#f4f5f7;
  --atlanta-text-2:#c2c7cf;
  --atlanta-muted:#8b929c;
  --atlanta-shadow:0 18px 50px rgba(0,0,0,.42);
  --atlanta-shadow-soft:0 8px 26px rgba(0,0,0,.28);
  --atlanta-radius:14px;

  /* Sobrescreve as variáveis do tema ERP das páginas */
  --primary:#c9aa5a;
  --primary-light:#d7b45f;
  --primary-hover:#e1bf6a;
  --primary-dim:rgba(201,170,90,.14);
  --primary-dark:#9c854a;
  --bg-page:#08090b;
  --bg-surface:#111419;
  --bg-elevated:#171b21;
  --bg-header:#0d0f12;
  --bg-input:#0d1014;
  --bg-row-stripe:#0e1115;
  --bg-row-hover:#171b21;
  --bg-row-active:rgba(201,170,90,.10);
  --bg-toolbar:#0d1014;
  --text-primary:#f4f5f7;
  --text-secondary:#c2c7cf;
  --text-muted:#8b929c;
  --text-disabled:#666d77;
  --text-on-primary:#090a0c;
  --text-label:#d7dbe1;
  --border:#2b3038;
  --border-strong:#3a414c;
  --border-light:#232831;
  --border-focus:#c9aa5a;
  --shadow-sm:0 1px 2px rgba(0,0,0,.28);
  --shadow-md:0 5px 18px rgba(0,0,0,.28);
  --shadow-lg:0 18px 50px rgba(0,0,0,.42);
  --shadow-inset:inset 0 1px 0 rgba(255,255,255,.035);
  --r-sm:8px;
  --r-md:11px;
  --r-lg:14px;

  /* Login e gráfico */
  --primary-color:#c9aa5a;
  --surface:#111419;
  --surface2:#171b21;
}

html{scroll-behavior:smooth;background:var(--atlanta-bg);color-scheme:dark}
body{
  color:var(--atlanta-text)!important;
  background:
    radial-gradient(circle at 10% -5%,rgba(201,170,90,.09),transparent 27%),
    radial-gradient(circle at 95% 4%,rgba(201,170,90,.035),transparent 25%),
    linear-gradient(180deg,#08090b 0%,#0a0c0f 100%)!important;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}

/* Barra superior / marca */
.app-header,.topbar{
  background:rgba(8,9,11,.94)!important;
  border-bottom:1px solid var(--atlanta-border)!important;
  box-shadow:0 8px 26px rgba(0,0,0,.28)!important;
  backdrop-filter:blur(14px);
}
.brand-logo,.user-avatar{
  background:linear-gradient(145deg,#1b1c19 0%,#0c0d0e 100%)!important;
  color:var(--atlanta-gold-light)!important;
  border:1px solid var(--atlanta-border-gold)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 5px 15px rgba(0,0,0,.28)!important;
}
.brand-info h1,.brand-info small{color:var(--atlanta-text)!important}
.brand-info small{color:var(--atlanta-muted)!important}
.beta-tag{
  color:var(--atlanta-gold-light)!important;
  background:var(--atlanta-gold-dim)!important;
  border:1px solid var(--atlanta-border-gold)!important;
  box-shadow:none!important;
}
.user-pill{
  background:var(--atlanta-surface)!important;
  border:1px solid var(--atlanta-border)!important;
  color:var(--atlanta-text-2)!important;
  border-radius:10px!important;
}

/* Navegação com estética da referência */
.nav-bar{
  background:var(--atlanta-bg-2)!important;
  border-color:var(--atlanta-border)!important;
  box-shadow:var(--atlanta-shadow-soft)!important;
}
.nav-item{
  color:var(--atlanta-muted)!important;
  background:transparent!important;
  border:1px solid transparent!important;
  border-radius:11px!important;
  font-weight:650!important;
}
.nav-item i{color:var(--atlanta-gold)!important}
.nav-item:hover,
.nav-item.is-primary,
.nav-item.active{
  color:var(--atlanta-text)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02))!important;
  border-color:var(--atlanta-border-gold)!important;
  box-shadow:inset 0 0 0 1px rgba(201,170,90,.10),0 8px 20px rgba(0,0,0,.24)!important;
  transform:translateY(-1px);
}
.nav-item.is-danger{color:#ef9b9b!important}
.nav-item.is-excel{color:#87d7a7!important}

/* Superfícies */
.card,.panel,.box,.section,.container-card,.kanban-column,.kanban-card,
.chart-card,.detail-card,.ops-panel,.login-container,.modal-content,
.list-container,.filter-bar,.kpi-card,.res-panel,.period-menu{
  background:linear-gradient(180deg,rgba(20,23,28,.98),rgba(14,17,21,.98))!important;
  border:1px solid var(--atlanta-border)!important;
  border-radius:var(--atlanta-radius)!important;
  box-shadow:var(--atlanta-shadow-soft)!important;
}
.card:hover,.kanban-card:hover,.kpi-card:hover,.detail-card:hover{
  border-color:#3b414b!important;
  box-shadow:var(--atlanta-shadow)!important;
}

/* Campos */
input,select,textarea,.form-input,.form-select,.search-input,.filter-input{
  background:#0d1014!important;
  color:var(--atlanta-text)!important;
  border:1px solid var(--atlanta-border)!important;
  border-radius:10px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
input::placeholder,textarea::placeholder{color:#6f7680!important}
input:hover,select:hover,textarea:hover{border-color:#454c56!important}
input:focus,select:focus,textarea:focus,
.form-input:focus,.form-select:focus,.search-input:focus,.filter-input:focus{
  outline:none!important;
  border-color:var(--atlanta-gold)!important;
  box-shadow:0 0 0 3px rgba(201,170,90,.12)!important;
}
select option{background:#111419;color:#f4f5f7}

/* Botões — principal dourado, ações semânticas preservadas */
button,.btn,.bigbtn,.btn-card,.btn-login{
  border-radius:10px!important;
  font-weight:700!important;
  letter-spacing:.01em;
  transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease,filter .16s ease!important;
}
button:active,.btn:active,.bigbtn:active{transform:translateY(1px)!important}
#btnSalvarTudo,#btnSalvarBanco,#btnConfirmarEdicao,#btnSalvarParada,
.btn-primary,.btn-login,.btn-save-modal,.btn-confirm-delete{
  color:#090a0c!important;
  background:linear-gradient(180deg,#d7b45f 0%,#b8994f 100%)!important;
  border:1px solid #e0bd68!important;
  box-shadow:0 7px 18px rgba(201,170,90,.16),inset 0 1px 0 rgba(255,255,255,.26)!important;
}
#btnSalvarTudo:hover,#btnSalvarBanco:hover,#btnConfirmarEdicao:hover,#btnSalvarParada:hover,
.btn-primary:hover,.btn-login:hover,.btn-save-modal:hover,.btn-confirm-delete:hover{
  background:linear-gradient(180deg,#e1bf6a 0%,#c3a454 100%)!important;
  box-shadow:0 10px 24px rgba(201,170,90,.23)!important;
  transform:translateY(-1px);
}
.big-admin,.btn-ghost,.btn-cancel-modal,.btn-toggle,.res-fab,.res-preset,.period-trigger{
  color:var(--atlanta-text-2)!important;
  background:#14181d!important;
  border:1px solid var(--atlanta-border)!important;
}
.big-admin:hover,.btn-ghost:hover,.btn-cancel-modal:hover,.btn-toggle:hover,.res-fab:hover,.res-preset:hover,.period-trigger:hover{
  color:var(--atlanta-gold-light)!important;
  border-color:var(--atlanta-border-gold)!important;
  background:#181c21!important;
}

/* Status e informações */
.status-bar{
  background:#0d1014!important;
  border:1px solid var(--atlanta-border)!important;
  border-radius:12px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.status-bar span{color:var(--atlanta-muted)!important}
.status-bar strong{color:var(--atlanta-gold-light)!important}
.section-title,.card-title,.modal-title,.detail-title,.chart-card-title,.login-title{color:var(--atlanta-text)!important}
.section-title i,.card-title i,.modal-title i,.detail-title i,.chart-card-title i,.login-title i{color:var(--atlanta-gold)!important}
.form-label,.filter-label,.item-label,.kpi-label,.card-subtitle,.kpi-sub{color:var(--atlanta-muted)!important}
.item-value,.kpi-value,.total-value,.value-diaria,.value-hora{color:var(--atlanta-text)!important}

/* Tabelas */
table{border-collapse:separate!important;border-spacing:0!important}
thead th{
  background:#0d1014!important;
  color:#cfd3d9!important;
  border-color:var(--atlanta-border)!important;
  font-weight:700!important;
}
tbody td{background:#111419!important;color:#c7ccd4!important;border-color:#252b33!important}
tbody tr:nth-child(even) td{background:#0f1216!important}
tbody tr:hover td{background:#171b21!important;color:#f4f5f7!important}

/* Lista de apontamentos */
.row,.item-list > *, .op-item{
  border-color:var(--atlanta-border)!important;
}
.row:hover,.op-item:hover{background:#171b21!important}
.row.active,.op-item.active{
  background:var(--atlanta-gold-dim)!important;
  border-color:var(--atlanta-border-gold)!important;
}
.row.active .prod-count,.op-item.active .op-number{color:var(--atlanta-gold-light)!important}

/* Kanban */
.kanban-container{gap:16px!important}
.column-header{
  background:#0d1014!important;
  border-bottom:1px solid var(--atlanta-border)!important;
}
.col-title{color:var(--atlanta-text)!important}
.col-count,.card-badge,.cell-badge,.badge-primary{
  color:var(--atlanta-gold-light)!important;
  background:var(--atlanta-gold-dim)!important;
  border:1px solid var(--atlanta-border-gold)!important;
}
.op-number{color:var(--atlanta-text)!important}
.op-details{color:var(--atlanta-muted)!important}

/* Gráfico / dashboard escuro */
.sidebar{
  background:#0a0c0f!important;
  border-right:1px solid var(--atlanta-border)!important;
}
.ops-panel-header,.detail-header,.chart-card-header{
  background:#0d1014!important;
  border-color:var(--atlanta-border)!important;
}
.progress-track,.progress-bar-wrap{background:#252a31!important}
.progress-fill{background:linear-gradient(90deg,#9c854a,#d7b45f)!important}
.accent-blue .kpi-value,.accent-warn .kpi-value{color:var(--atlanta-gold-light)!important}
.period-item:hover{background:#1a1f25!important;color:var(--atlanta-text)!important}
.period-item.active{color:var(--atlanta-gold-light)!important;background:var(--atlanta-gold-dim)!important}

/* Login */
.login-container{
  border-color:rgba(201,170,90,.32)!important;
  box-shadow:0 25px 70px rgba(0,0,0,.55)!important;
}
.login-title{color:var(--atlanta-gold-light)!important}
.remember-me{color:var(--atlanta-muted)!important}

/* Modais e toast */
.modal{background:rgba(0,0,0,.72)!important;backdrop-filter:blur(8px)}
.modal-content{border-color:rgba(201,170,90,.25)!important}
.modal-close{color:var(--atlanta-muted)!important;background:#14181d!important;border:1px solid var(--atlanta-border)!important}
.modal-close:hover{color:var(--atlanta-gold-light)!important;border-color:var(--atlanta-border-gold)!important}
.toast{
  background:#14181d!important;
  color:var(--atlanta-text)!important;
  border:1px solid #343b45!important;
  box-shadow:var(--atlanta-shadow)!important;
}

/* Rodapé */
.app-footer{color:#6f7680!important;border-color:var(--atlanta-border)!important}
.app-footer strong{color:var(--atlanta-gold-dark)!important}

/* Scrollbar no estilo da referência */
*{scrollbar-width:thin;scrollbar-color:#4b4430 #0b0d10}
::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-track{background:#0b0d10!important;border:0!important}
::-webkit-scrollbar-thumb{background:#4b4430!important;border-radius:999px!important;border:2px solid #0b0d10!important}
::-webkit-scrollbar-thumb:hover{background:#6b5a35!important}
::-webkit-scrollbar-button{display:none!important}

/* Microacabamentos */
a,button,.btn,input,select,textarea{transition:background-color .17s ease,border-color .17s ease,box-shadow .17s ease,transform .17s ease,color .17s ease,opacity .17s ease}
::selection{background:rgba(201,170,90,.30);color:#fff}
hr{border-color:var(--atlanta-border)!important}

@media (max-width:900px){
  body{background:#08090b!important}
  .app-header,.topbar{padding-left:10px!important;padding-right:10px!important}
  .card,.kanban-column,.chart-card,.detail-card,.ops-panel{border-radius:12px!important}
  button,.btn,.bigbtn{min-height:44px}
  input,select,textarea{font-size:16px!important;min-height:44px}
  .nav-bar{gap:7px!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  .nav-item{white-space:nowrap!important;min-height:42px!important}
}

@media (max-width:520px){
  .brand-info h1{font-size:.9rem!important}
  .brand-info small{font-size:.65rem!important}
  .user-pill{padding-right:7px!important}
  .app-container{padding-left:8px!important;padding-right:8px!important}
  .card{padding-left:10px!important;padding-right:10px!important}
}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* ================================================================
   V7.3 - Correção solicitada: campos do modal mais escuros
   Evita o azul/claro forte de input em foco/autofill e mantém contraste.
   ================================================================ */
#modalEditarProducao .modal-content,
#modalEditarDataProducao .modal-content{
  background:linear-gradient(180deg,#101318 0%,#0b0e12 100%)!important;
}
#modalEditarProducao input,
#modalEditarProducao select,
#modalEditarProducao .form-input,
#modalEditarProducao .form-select,
#modalEditarDataProducao input,
#modalEditarDataProducao select,
#modalEditarDataProducao .form-input,
#modalEditarDataProducao .form-select{
  background:#090c10!important;
  color:#e5e7eb!important;
  border-color:#303640!important;
  color-scheme:dark!important;
}
#modalEditarProducao input:focus,
#modalEditarProducao select:focus,
#modalEditarDataProducao input:focus,
#modalEditarDataProducao select:focus{
  background:#0b0f14!important;
  color:#ffffff!important;
  border-color:#9c854a!important;
  box-shadow:0 0 0 2px rgba(201,170,90,.10)!important;
}
#modalEditarProducao input:read-only,
#modalEditarDataProducao input:read-only{
  background:#0b0e12!important;
  color:#9ca3af!important;
}
#modalEditarProducao input:-webkit-autofill,
#modalEditarProducao input:-webkit-autofill:hover,
#modalEditarProducao input:-webkit-autofill:focus,
#modalEditarDataProducao input:-webkit-autofill,
#modalEditarDataProducao input:-webkit-autofill:hover,
#modalEditarDataProducao input:-webkit-autofill:focus{
  -webkit-text-fill-color:#e5e7eb!important;
  -webkit-box-shadow:0 0 0 1000px #090c10 inset!important;
  transition:background-color 9999s ease-out 0s;
}