:root{
  --marrom:#6B4423; --marrom-medio:#8B5E34; --creme:#FAF3E3;
  --creme-2:#F5EBD8; --dourado:#D9A86C;
  --sidebar-w:230px; --sidebar-w-min:64px;
}
*{font-family:'Nunito',system-ui,sans-serif}
body{background:var(--creme);margin:0}

/* ===== Sidebar (lateral) ===== */
.sidebar{background:var(--marrom);width:var(--sidebar-w);min-height:100vh;position:sticky;top:0;
  transition:width .2s ease;flex-shrink:0;overflow:hidden}
.sidebar .logo-side{width:110px;border-radius:50%;transition:width .2s}
.sidebar .nav-link{color:#f3e7d3;padding:.7rem 1.2rem;border-radius:0;white-space:nowrap;
  display:flex;align-items:center;gap:.7rem}
.sidebar .nav-link:hover{background:var(--marrom-medio)}
.sidebar .nav-link.ativo{background:var(--dourado);color:#3a2412;font-weight:700}
.sidebar .nav-link .ico{width:1.2rem;text-align:center;flex-shrink:0}
.sidebar .topo-botoes{display:flex;gap:.3rem;justify-content:center;padding:.4rem}
.sidebar .topo-botoes .btn{padding:.15rem .5rem}

/* Colapsada: so icones */
body.sidebar-min .sidebar{width:var(--sidebar-w-min)}
body.sidebar-min .sidebar .logo-side{width:40px}
body.sidebar-min .sidebar .nav-link .rotulo{display:none}
body.sidebar-min .sidebar .nav-link{justify-content:center;padding:.7rem 0}

/* ===== Topbar / conteudo ===== */
.topbar{background:#fff;border-bottom:1px solid var(--creme-2)}
.topbar a{color:var(--marrom);text-decoration:none;font-weight:600}
.btn-marrom{background:var(--marrom);color:#fff}
.btn-marrom:hover{background:var(--marrom-medio);color:#fff}
.btn-claro{background:rgba(255,255,255,.15);color:#f3e7d3;border:none}
.btn-claro:hover{background:rgba(255,255,255,.3);color:#fff}
.card{border:none;border-radius:1rem;box-shadow:0 2px 10px rgba(107,68,35,.08)}

/* ===== Login ===== */
.tela-login{min-height:100vh;background:var(--creme-2)}
.card-login{background:#fff;border-radius:1.5rem;width:340px;box-shadow:0 8px 30px rgba(107,68,35,.15)}
.logo-login{width:130px;border-radius:50%}

/* ===== Mobile ===== */
@media(max-width:768px){
  .sidebar{position:fixed;left:calc(-1 * var(--sidebar-w));transition:left .2s;z-index:1100}
  body.sidebar-aberta .sidebar{left:0}
}