/* RESET BÁSICO */
body{
font-family: Arial, sans-serif;
background: var(--cor-fundo, #fff0f5);
margin:0;
}

/* 🔝 TOPO GLOBAL */
.topo{
padding:25px 15px;
background: var(--cor-topo-fundo, #ffffff);
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
text-align:center;
}

.topo-img{
width:70px;
margin-bottom:10px;
}

.topo h1{
color: var(--cor-primaria, #ff4da6);
font-size:22px;
margin:0;
font-weight:bold;
text-align:center;
max-width:90%;
}

/* HEADER (ADMIN + SITE) */
.header{
background: var(--cor-primaria, #ff4da6);
color:white;
padding:15px;
text-align:center;
font-size:18px;
font-weight:bold;
position:relative;
}

/* CONTAINER */
.container{
padding:15px;
}

/* BOTÕES GERAIS */
.btn{
display:block;
margin-top:5px;
padding:10px;
background: var(--cor-primaria, #ff4da6);
color:white;
border:none;
border-radius:8px;
cursor:pointer;
text-align:center;
text-decoration:none;
}

/* BOTÃO GRANDE (SITE) */
.btn.big{
margin:30px auto;
width:85%;
padding:15px;
font-size:18px;
border-radius:10px;
}

/* BOTÃO PERIGO */
.btn-danger{
background:#ff4d4d;
}

/* INPUTS */
input, select{
width:100%;
padding:10px;
margin:5px 0;
border-radius:8px;
border:1px solid #ccc;
}

/* CARDS */
.card{
background:white;
padding:15px;
border-radius:12px;
margin-bottom:15px;
box-shadow:0 2px 6px rgba(0,0,0,0.08);
}

/* TABS (ADMIN) */
.tabs{
display:flex;
margin-bottom:15px;
}

.tab{
flex:1;
padding:10px;
text-align:center;
background:#ddd;
cursor:pointer;
border-radius:8px 8px 0 0;
}

.tab.active{
background: var(--cor-primaria, #ff4da6);
color:white;
}

/* AÇÕES */
.actions{
display:flex;
justify-content:space-between;
align-items:center;
margin-top:10px;
}

.left,.right{
width:60px;
}

.center{
display:flex;
gap:8px;
}

/* BOTÃO PEQUENO */
.small{
padding:8px;
font-size:13px;
width:100%;
}

/* INVISÍVEL */
.invisible{
visibility:hidden;
}

/* OPÇÕES */
.opcao-box{
margin-top:10px;
border-top:1px solid #eee;
padding-top:10px;
}

/* EXTRAS */
.extra-box{
margin-top:8px;
padding:8px;
border:1px solid #eee;
border-radius:8px;
}