/* Cartões principais */
.sidebar,.content{
  background:var(--card); border:1px solid var(--border); border-radius:14px; padding:14px; box-shadow:var(--shadow)
}
.sidebar-head{display:flex; justify-content:space-between; align-items:center; margin-bottom:8px}

/* Listas (sidebar) */
.lists{display:flex; flex-direction:column; gap:6px; max-height:38vh; overflow:auto; padding-right:4px}
.list-item{
  text-align:left; width:100%; border-radius:10px; padding:.65rem .8rem; border:1px solid var(--border);
  display:flex; justify-content:space-between; align-items:center; gap:10px; transition: box-shadow .12s ease
}
.list-item:hover{box-shadow:0 4px 18px rgba(0,0,0,.12)}
.list-item.active{outline:2px solid var(--accent)}
.list-item .name{flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.list-item .count{color:var(--muted); font-size:.9rem}

/* Filtros + export/import */
.filters{margin-top:16px}
.chips{display:flex; gap:8px; flex-wrap:wrap}
.chip{background:var(--chip); border:1px dashed var(--border); border-radius:999px; padding:.4rem .8rem; color:var(--muted)}
.chip[aria-pressed="true"]{outline:2px solid var(--accent); color:inherit}
.export-import{margin-top:16px; display:flex; gap:8px; flex-wrap:wrap}
.file-label{display:inline-flex; align-items:center; gap:8px; cursor:pointer}

/* Barra de ações em lote */
.bulk-bar{
  display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:10px;
  border:1px dashed var(--border); border-radius:10px; padding:8px 10px
}
.bulk-bar.hidden{display:none}