/* ESTOQUE V4 — IDENTIDADE DEFINITIVA MEL, BAUNILHA, CANELA E CACAU */
:root{
  --app-bg:#F5EBDD;
  --surface:#FFFAF1;
  --surface-hover:#F7F0E4;
  --text:#654633;
  --text-secondary:#80634C;
  --text-muted:#9A8068;
  --border:#E7D8C2;
  --primary:#A46F50;
  --primary-hover:#87583E;
  --accent:#B88B50;
  --sidebar-bg:#B88B50;
  --sidebar-border:#9D743F;
  --sidebar-text:#FFFAF1;
  --sidebar-text-muted:#F6E8CF;
}

/* Base e layout */
html,body{background:#F5EBDD!important;color:#654633!important}
body{font-family:Inter,"Segoe UI",Arial,sans-serif}
.app-wrapper{display:flex!important;align-items:stretch!important;min-height:calc(100vh - 66px)!important;background:#F5EBDD!important}
.app-content-wrapper{flex:1 1 0%!important;min-width:0!important;width:auto!important;margin:0!important;background:#F5EBDD!important}
.app-main{flex:1 0 auto!important;min-width:0!important;padding:26px 28px 34px!important;background:#F5EBDD!important}
.app-main:before,.app-main:after{content:none!important;display:none!important}

/* Sidebar inteiramente mel; foto warehouse misturada na base, sem painel */
.app-sidebar{
  position:sticky!important;top:66px!important;align-self:flex-start!important;
  flex:0 0 238px!important;width:238px!important;min-width:238px!important;max-width:238px!important;
  height:calc(100vh - 66px)!important;min-height:calc(100vh - 66px)!important;
  display:flex!important;flex-direction:column!important;overflow:hidden!important;
  isolation:isolate!important;padding:24px 14px 0!important;
  background:#B88B50!important;border-right:1px solid #9D743F!important;
  box-shadow:5px 0 18px rgba(87,59,31,.10)!important;
}
.app-sidebar:before{
  content:""!important;position:absolute!important;z-index:0!important;
  left:0!important;right:0!important;bottom:0!important;height:40%!important;
  pointer-events:none!important;
  background:
    linear-gradient(180deg,#B88B50 0%,rgba(184,139,80,.93) 12%,rgba(164,119,65,.64) 40%,rgba(93,62,40,.34) 100%),
    url("../img/warehouse-sidebar.jpg") center 54%/cover no-repeat!important;
  opacity:1!important;
}
.app-sidebar:after{content:none!important}
.app-sidebar>*{position:relative!important;z-index:1!important}
.sidebar-header{flex:0 0 auto!important;padding:20px 14px!important;border-bottom:1px solid rgba(255,250,241,.30)!important}
.sidebar-brand-icon{background:#FFFAF1!important;color:#A46F50!important}
.sidebar-brand-text strong{color:#FFFAF1!important}
.sidebar-brand-text span,.sidebar-section-label{color:#F6E8CF!important}
.sidebar-section-label{margin:0!important;padding:16px 14px 10px!important;letter-spacing:.10em!important}
.sidebar-nav{flex:1 1 auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;gap:4px!important;padding:0 8px 12px!important;overflow-x:hidden!important;overflow-y:auto!important;background:transparent!important}
.sidebar-link{min-height:40px!important;padding:0 11px!important;border-radius:8px!important;color:#FFFAF1!important;font-size:12px!important;font-weight:600!important}
.sidebar-link>i,.sidebar-link i{color:#FFF1D9!important}
.sidebar-link:hover{background:rgba(101,70,51,.16)!important;color:#fff!important}
.sidebar-link:hover>i,.sidebar-link:hover i{color:#fff!important}
.sidebar-link.active{background:#A46F50!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,250,241,.22)!important}
.sidebar-link.active>i,.sidebar-link.active i{color:#fff!important}
.sidebar-active-indicator{background:#FFFAF1!important}
.sidebar-bottom{flex:0 0 auto!important;margin:auto 2px 0!important;padding:14px 10px 16px!important;border-top:1px solid rgba(255,250,241,.28)!important;border-radius:9px 9px 0 0!important;background:rgba(101,70,51,.56)!important}
.sidebar-help-icon{background:rgba(255,250,241,.18)!important;color:#FFFAF1!important}
.sidebar-bottom strong,.sidebar-bottom-text strong{color:#FFFAF1!important}
.sidebar-bottom span,.sidebar-bottom-text span{color:#F6E8CF!important}

/* Cabeçalho */
.app-header{background:#FFFAF1!important;border-bottom:1px solid #E7D8C2!important;box-shadow:0 2px 8px rgba(101,70,51,.035)!important}
.header-brand,.header-brand:hover,.user-name{color:#654633!important}
.header-brand-icon,.user-avatar{background:#F2E4CE!important;border:1px solid #E7D8C2!important;color:#A46F50!important}
.header-brand-text small,.user-role{color:#90765D!important}
.logout-button,.sidebar-toggle{background:#FFFAF1!important;border-color:#E1D1BA!important;color:#87583E!important}
.logout-button:hover{background:#F6EBD9!important;border-color:#C9A77A!important;color:#654633!important}
.app-footer{background:#FFFAF1!important;border-top:1px solid #E7D8C2!important;color:#9A8068!important}

/* Superfícies e tipografia */
h1,h2,h3,h4,h5,.page-title,.page-header h1,.op-heading h1,.module-heading h1,.products-heading h1,.stock-heading h1{color:#654633!important}
p,.page-subtitle,.op-heading p,.module-heading p,.products-heading p,.stock-heading p{color:#80634C!important}
.card,.panel,.content-card,.dashboard-card,.dash-card,.op-stat,.op-panel,.op-form-panel,.op-builder-panel,.op-employee-form,.op-detail-panel,.module-panel,.report-summary article,.product-qr-card,.products-summary,.products-panel,.products-form-card,.stock-card,.stock-panel,.stock-form-card,.stock-detail-card,.stat-card,.summary-card{
 background:#FFFAF1!important;border:1px solid #E7D8C2!important;border-radius:14px!important;
 box-shadow:0 3px 12px rgba(101,70,51,.045)!important
}
.card-header,.panel-header{background:#FFFAF1!important;color:#654633!important;border-bottom-color:#E7D8C2!important}
.card-body,.panel-body{color:#654633!important}
.form-control,.form-select,input,select,textarea{background:#FFFCF7!important;border-color:#DDCBB0!important;color:#654633!important}
.form-control:focus,.form-select:focus,input:focus,select:focus,textarea:focus{border-color:#B88B50!important;box-shadow:0 0 0 .18rem rgba(184,139,80,.15)!important}
.form-control::placeholder,input::placeholder,textarea::placeholder{color:#A38A70!important}
.btn-primary,.op-primary,.module-primary,button.primary,.button-primary{background:#A46F50!important;border-color:#A46F50!important;color:#fff!important}
.btn-primary:hover,.op-primary:hover,.module-primary:hover,button.primary:hover,.button-primary:hover{background:#87583E!important;border-color:#87583E!important}
.btn-outline-primary,.op-outline,.module-outline{background:#FFFAF1!important;border-color:#D6BE9D!important;color:#87583E!important}
.btn-outline-primary:hover,.op-outline:hover,.module-outline:hover{background:#F3E6D3!important;border-color:#B88B50!important;color:#654633!important}
.table{--bs-table-bg:transparent;color:#654633!important}
.table thead th,.op-table thead th,.module-table thead th{background:#F0E3CF!important;color:#76563E!important;border-bottom-color:#E7D8C2!important}
.table td,.table th{border-color:#EDE1D0!important}
.table tbody tr:hover{background:#FAF3E8!important}
.text-primary{color:#A46F50!important}
.bg-primary{background-color:#A46F50!important}
.border{border-color:#E7D8C2!important}

/* Dashboard e módulos: eliminar acentos verdes/oliva e rosa, sem mexer em estados semânticos */
.dash-wrap .dash-card{background:#FFFAF1!important;border-color:#E7D8C2!important}
.dash-wrap .metric-icon{background:#F3E8D7!important;color:#A46F50!important;border:1px solid #E7D8C2!important}
.dash-wrap .metric-icon i,.dash-wrap .metric-icon svg{color:#A46F50!important}
.dash-wrap .dash-eyebrow{background:#F2E5D1!important;color:#87583E!important;border-color:#E7D8C2!important}
.dash-wrap .dash-table thead th{background:#F0E3CF!important;color:#76563E!important}
.dash-wrap .quick-action{color:#87583E!important;background:#FFFAF1!important;border-color:#E1D1BA!important}
.dash-wrap .quick-action:hover{background:#F3E6D3!important;border-color:#B88B50!important}

/* Módulo Estoque: neutralizar valores rosa/azul/verde hardcoded */
.stock-eyebrow{color:#A46F50!important}
.stock-heading h1{color:#654633!important}
.stock-heading p{color:#80634C!important}
.stock-btn-primary{background:#A46F50!important;border-color:#A46F50!important;color:#fff!important}
.stock-btn-primary:hover{background:#87583E!important;border-color:#87583E!important}
.stock-btn-outline{background:#FFFAF1!important;border-color:#D6BE9D!important;color:#87583E!important}
.stock-btn-light{background:#F3E8D7!important;border-color:#E7D8C2!important;color:#80634C!important}
.stock-card,.stock-detail-card,.stock-panel,.stock-form-card{background:#FFFAF1!important;border-color:#E7D8C2!important;box-shadow:0 3px 12px rgba(101,70,51,.045)!important}
.stock-card small,.stock-card span:not(.stock-card-icon),.stock-detail-card small{color:#90765D!important}
.stock-card strong,.stock-detail-card strong,.stock-product-name,.stock-balance{color:#654633!important}
.stock-card-icon{background:#F3E8D7!important;color:#A46F50!important;border:1px solid #E7D8C2!important}
.stock-search i{color:#A46F50!important}
.stock-search input,.stock-filters .form-select,.stock-form-card .form-control,.stock-form-card .form-select{background:#FFFCF7!important;border-color:#DDCBB0!important;color:#654633!important}
.stock-table thead th{background:#F0E3CF!important;color:#76563E!important;border-bottom-color:#E7D8C2!important}
.stock-table tbody td{color:#654633!important;border-color:#EDE1D0!important}
.stock-table tbody tr:hover{background:#FAF3E8!important}
.stock-unit{background:#F2E5D1!important;color:#87583E!important}
.stock-row-actions .btn{background:#FFFAF1!important;border-color:#E1D1BA!important;color:#87583E!important}
.stock-row-actions .btn:hover{background:#F3E6D3!important;border-color:#B88B50!important;color:#654633!important}
.stock-form-footer{background:#F8F0E4!important;border-top-color:#E7D8C2!important}
.stock-form-title,.stock-history-heading{border-bottom-color:#E7D8C2!important}

/* Login: mesma paleta, sem verde oliva */
.login-page,.login-content{background:#F5EBDD!important;color:#654633!important}
.login-brand{background:radial-gradient(ellipse at 88% 12%,rgba(255,250,241,.13),transparent 44%),linear-gradient(145deg,#B88B50 0%,#A97D46 58%,#8E663C 100%)!important;color:#FFFAF1!important}
.login-brand:before,.login-brand:after{border-color:rgba(255,250,241,.18)!important}
.brand-logo,.feature-icon{background:rgba(255,250,241,.15)!important;border-color:rgba(255,250,241,.26)!important;color:#FFF4DF!important}
.brand-name strong,.brand-message h1,.feature-item strong,.feature-item div:last-child strong{color:#FFFAF1!important}
.brand-name span,.brand-eyebrow,.feature-item p,.feature-item div:last-child span{color:#F6E8CF!important}
.brand-message h1 span{color:#F1D3A5!important}
.brand-message p{color:#FFF4E3!important}
.eyebrow-line{background:#F1D3A5!important}
.login-form-panel,.login-form,.login-form-wrapper{background:#F5EBDD!important;color:#654633!important}
.login-heading h2,.login-form-panel h1,.login-form-panel h2,.login-form h1{color:#654633!important}
.login-heading p,.login-form-panel p,.login-form p{color:#80634C!important}
.login-form label,.login-form-panel label{color:#654633!important}
.login-form input,.login-form-panel input{background:#FFFCF7!important;border-color:#DDCBB0!important;color:#654633!important}
.login-form input:focus,.login-form-panel input:focus{border-color:#B88B50!important;box-shadow:0 0 0 .18rem rgba(184,139,80,.15)!important}
.login-form input::placeholder,.login-form-panel input::placeholder{color:#A38A70!important}
.btn-login,.login-submit,.login-form button[type=submit],.login-form-panel button[type=submit]{background:#A46F50!important;border-color:#A46F50!important;color:#fff!important}
.btn-login:hover,.login-submit:hover,.login-form button[type=submit]:hover{background:#87583E!important;border-color:#87583E!important}
.login-form a,.login-content a{color:#87583E!important}

/* Mobile */
@media(max-width:991.98px){
 .app-sidebar{position:fixed!important;z-index:1045!important;top:0!important;left:0!important;bottom:0!important;width:min(280px,84vw)!important;min-width:0!important;max-width:min(280px,84vw)!important;height:100dvh!important;min-height:100dvh!important;transform:translateX(-105%);transition:transform .22s ease}
 .app-sidebar.is-open{transform:translateX(0)}
 .app-content-wrapper{width:100%!important;margin:0!important}
 .app-main{padding:18px 14px 24px!important}
}


/* REFINO FINAL — CONTINUIDADE DA SIDEBAR E BAUNILHA MAIS LEVE */
.app-sidebar {
  top: 0 !important;
  height: 100vh !important;
  min-height: 100vh !important;
  align-self: flex-start !important;
}
.app-wrapper {
  align-items: stretch !important;
  min-height: 100vh !important;
}
.app-main, html, body, .app-content-wrapper {
  background-color: #F7F1E7 !important;
}
.login-page, .login-content {
  background-color: #F7F1E7 !important;
}
.app-sidebar::before {
  height: 42% !important;
  background:
    linear-gradient(
      180deg,
      #B88B50 0%,
      rgba(184,139,80,.98) 9%,
      rgba(184,139,80,.88) 23%,
      rgba(164,119,65,.52) 49%,
      rgba(101,70,51,.22) 78%,
      rgba(83,57,39,.18) 100%
    ),
    url("../img/warehouse-sidebar.jpg") center 54% / cover no-repeat !important;
}