body{

margin:0;
font-family:Arial;
background:#f4f6f8;

}

.container{

display:flex;
height:100vh;

}

.sidebar{

width:220px;
background:#2c3e50;
color:white;
padding:20px;
position:relative;

}

.sidebar button{

width:100%;
padding:12px;
margin-top:10px;
border:none;
background:#34495e;
color:white;
cursor:pointer;

}

.sidebar button:hover{

background:#1abc9c;

}

.main{

flex:1;
padding:30px;
overflow:auto;

}

input{

padding:8px;
margin:5px 0;
display:block;

}

table{

width:100%;
border-collapse:collapse;
margin-top:20px;

}

table th, table td{

border:1px solid #ccc;
padding:8px;
font-size:13px;
text-align:left;
vertical-align:middle;

}
table{

width:100%;
border-collapse:collapse;

}

table th, table td{

border:1px solid #ccc;
padding:8px;
font-size:13px;
white-space:nowrap;

}
.menu-footer{

position:absolute;
bottom:20px;
left:20px;
right:20px;

}

#usuarioLogado{

margin-bottom:10px;
font-size:14px;

}

.btnLogout{

width:100%;
padding:10px;
background:#e74c3c;
color:white;
border:none;
cursor:pointer;
border-radius:4px;

}

.btnLogout:hover{

background:#c0392b;

}

.form-grid{
display:grid;
grid-template-columns: repeat(auto-fit, minmax(200px,1fr));
gap:10px;
align-items:start;
}

textarea{

width:100%;
height:80px;
padding:10px;

}

.logoLogin{

width:120px;
display:block;
margin:auto;
margin-bottom:20px;

}
.cards{

display:flex;
gap:20px;
margin-bottom:30px;

}

.card{

background:white;
padding:20px;
border-radius:6px;
box-shadow:0 2px 5px rgba(0,0,0,0.1);
width:200px;

}

.card h3{

margin:0;
font-size:16px;

}

.card p{

font-size:28px;
margin-top:10px;
color:#2c3e50;

}
.dashboardGrid{

display:grid;
grid-template-columns:1fr 1fr;
gap:20px;
margin-bottom:30px;

}

.boxDash{

background:white;
padding:20px;
border-radius:8px;
box-shadow:0 2px 6px rgba(0,0,0,0.15);

}

.boxDash table{

width:100%;
border-collapse:collapse;

}

.boxDash table th,
.boxDash table td{

padding:8px;
border-bottom:1px solid #eee;

}
.tituloDashboard{

margin-bottom:30px;

}

.dashboardCards{

display:grid;
grid-template-columns:repeat(4,1fr);
gap:20px;
margin-bottom:30px;

}

.cardDash{

background:white;
padding:20px;
border-radius:8px;
box-shadow:0 2px 6px rgba(0,0,0,0.15);
text-align:center;

}

.cardTitulo{

font-size:14px;
color:#7f8c8d;

}

.cardNumero{

font-size:28px;
font-weight:bold;
color:#2c3e50;

}

.dashboardGrid{

display:grid;
grid-template-columns:1fr 1fr;
gap:20px;

}

.boxDash{

background:white;
padding:20px;
border-radius:8px;
box-shadow:0 2px 6px rgba(0,0,0,0.15);

}

.boxDash table{

width:100%;
border-collapse:collapse;

}

.boxDash table th,
.boxDash table td{

padding:8px;
border-bottom:1px solid #eee;

}
.main{
padding:30px;
flex:1;
background:#f5f6fa;
}
/* ===== TABELAS PADRÃO ERP ===== */

table{

width:100%;
border-collapse:collapse;
margin-top:10px;
background:white;

}

table th{

background:#34495e;
color:white;
font-size:13px;
padding:10px;
text-align:left;

}

table td{

padding:8px;
font-size:13px;
border-bottom:1px solid #e0e0e0;

}

/* LINHAS ALTERNADAS */

table tr:nth-child(even){

background:#f5f7fa;

}

/* HOVER */

table tr:hover{

background:#eaf3ff;

}

/* COLUNA AÇÕES */

table td:last-child{

text-align:center;

}

/* BOTÕES */

table button{

padding:4px 8px;
margin:2px;
font-size:12px;
border:none;
border-radius:3px;
cursor:pointer;

}

/* BOTÃO EDITAR */

table button:first-child{

background:#3498db;
color:white;

}

/* BOTÃO EXCLUIR */

table button:last-child{

background:#e74c3c;
color:white;

}

table button:hover{

opacity:0.85;

}
.modalEstoque{

position:fixed;
top:50%;
left:50%;
transform:translate(-50%,-50%);

background:white;
padding:30px;
border-radius:8px;

box-shadow:0 5px 20px rgba(0,0,0,0.3);

max-height:500px;
overflow:auto;
z-index:9999;

}
.modalOverlay{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.4);
z-index:9998;
}

.modalBox{
position:fixed;
top:50%;
left:50%;
transform:translate(-50%,-50%);
background:white;
padding:25px;
border-radius:8px;
z-index:9999;
max-height:500px;
overflow:auto;
}

/* ===== FORMULÁRIOS PADRÃO ERP ===== */

.form-grid{
display:grid;
grid-template-columns: repeat(auto-fit, minmax(200px,1fr));
gap:10px;
align-items:end;
}

/* PADRÃO DE ALTURA IGUAL */

.form-grid input,
.form-grid select,
.form-grid button{

height:38px;
padding:6px 10px;
font-size:14px;
box-sizing:border-box;

}

/* BOTÃO ALINHADO */

.form-grid button{

background:#3498db;
color:white;
border:none;
cursor:pointer;
border-radius:4px;

}

.form-grid button:hover{

background:#2980b9;

}

/* INPUT E SELECT VISUAL IGUAL */

.form-grid input,
.form-grid select{

border:1px solid #ccc;
border-radius:4px;

}