/*Visualização de dados*/
		list-view{
			position: relative;
			float: left;
			width: 100%;
		}

		/*Barra de botões auxiliares na parte superior*/
		list-view options{
			position: relative;
			float: left;
			width:100%;
			background: #999;
			padding: 5px 0px;
		}
		list-view options left-grid{
			position: relative;;
			float: left;
			margin-left: 4px;
		}
		list-view options right-grid{
			position: relative;;
			float: right;
			margin-right: 4px;
		}
		list-view options button{
			position: relative;
			float: right;
			width: 16px;
			margin-right: 4px;
			margin-left: 4px;
			background: none;
			border:none;
			outline: none;
			cursor: pointer;
		}
		list-view options button[disabled]{
			opacity: 0.3;
		}
		list-view options button img{
			position: relative;;
			width: 16px;
			height: 16px;
		}


		/*Caixa de pesquisa*/
		list-view search-group{
			position: relative;
			float: left;
			width: 100%;
			display:'';
			padding: 5px;
			box-sizing: border-box;
			background: linear-gradient(to bottom, #eee,#ccc);
			color:#333;
		}

		list-view search-group field{
			position: relative;
			float: left;
			width: 220px;
			padding: 3px;
			padding-bottom: 0px;
			box-sizing: border-box;
			margin-bottom:4px;
		}

		list-view search-group field legend{
			position: relative;
			float: left;
			width: 100%;
			padding-bottom: 1px;
			font-size: 10px;
			cursor: context-menu;
			font-weight:bold;
		}
		list-view search-group field input{
			position: relative;
			float: left;
			width: 100%;
			height: 32px;
			padding: 5px;
			box-sizing: border-box;
			border:#999 solid 1px;
			outline:none;
			border-radius: 4px;
		}
		
		list-view search-group field select{
			position: relative;
			float: left;
			width: 100%;
			height: 32px;
			padding: 5px;
			box-sizing: border-box;
			border:#999 solid 1px;
			outline:none;
			border-radius: 4px;
		}

		/*Responsividade para caixa de pesquisa*/
		list-view search-group .toogle{
			position:relative;
			float:left;
			width: 30px;
			height: 30px;
			padding: 5px;
			margin-left:5px;
			background: var(--background-rows);
			border-radius: 4px;
			display:none;
		}

		list-view search-group button{
			position:relative;
			float:left;
			width:90%;
			margin: 10px 5%;
			background: var(--background-rows);
			padding: 6px;
			text-align:center;
			border-radius:4px;
			color:#FFF;
			border:none;
			outline:none;
			display:none;
		}

		/*Versão responsiva mobile*/
		@media (max-width: 720px) {
			list-view search-group .toogle{
				display:block;
			}

			list-view{
				display:flex;
				flex-direction:column;
				height:100%;
				padding: 0;
				box-sizing: border-box;
			}


			list-view options,
			list-view search-group,
			list-view count,
			list-view buttons{
				flex:0 0 auto;
			}

			list-view results{
				flex:1;
				overflow:auto;
			}

			list-view search-group{
				display:flex;
				flex-direction:column;
			}

			list-view search-group .search{
				order:-1;
			}
		}


		/*Lista de resultados*/
		list-view results{
			position: relative;
			float: left;
			width: 100%;
			border-top: #DDD solid 1px;
			border-bottom:#DDD solid 1px;
			overflow: auto;
			box-sizing: border-box;
		}
		list-view results .null{
			position: absolute;
			top:50%;
			left: 50%;
			transform: translate(-50%,-50%);
			color:#F00;
			cursor: context-menu;
			text-align: center;
		}
		list-view results .loading{
			position: fixed;
			top:50%;
			left: 50%;
			transform:translate(-50%,-50%);
			width: 35px;
			height: 35px;
		}
		list-view count{
			position: relative;
			float: left;
			width: 100%;
			padding: 5px;
			box-sizing: border-box;
			font-size: 12px;
			text-align: center;
			cursor: context-menu;
		}
		list-view count look, list-view count all{
			font-size: 12px;
		}
		list-view count loading{
			position: absolute;
			top:5px;
			right: 5px;
			font-size: 12px;
			font-weight: bold;
			display: none;
		}
		




		/*Exibição em linhas comuns*/
		list-view column-group{
			position: relative;
			float: left;
			width: 100%;
			background: #EEE;
			padding: 5px 0px;
			border-top:#DDD solid 1px;
			cursor: context-menu;
		}
		list-view column-group column{
			position: relative;
			float: left;
			padding: 0px 5px;
			border-left: #DDD solid 1px;
			font-size: 12px;
			content: "";
			white-space: nowrap;       /* impede quebra automática */
			overflow: hidden;          /* esconde o excesso */
			text-overflow: ellipsis;   /* adiciona "..." no fim */
        
		}
		list-view column-group column:first-child{
			border:none;
		}
		list-view data-group{
			position: relative;
			float: left;
			width: 100%;
			padding: 5px 0px;
			border-bottom:#EEE solid 1px;
			cursor: pointer;
			box-sizing: border-box;
		}
		
		list-view data-group column{
			position: relative;
			float: left;
			padding: 0px 5px;
			border-left: #EEE solid 1px;
			user-select: text;
			white-space: nowrap;       /* impede quebra automática */
			overflow: hidden;          /* esconde o excesso */
			text-overflow: ellipsis;   /* adiciona "..." no fim */
		}
		list-view data-group column:first-child{
			border:none;
		}
		list-view data-group column:after{
			content: "."; 
			visibility: hidden;
		}
		list-view data-group tag{
			position:absolute;
			top:2px;
			bottom:2px;
			right:2px;
			width: 2.5px;
			background:none
		}
			

		/*Linhas agora são cards*/
		@media (max-width: 720px) {
			
			list-view column-group {
				display: none;
				user-select: none; 
			}

			list-view data-group {
				display: flex;
				flex-direction: column;
				padding: 15px;
				margin: 10px 15px 15px 15px;
				border: 1px solid #e0e0e0;
				border-radius: 8px;
				background: #fff;
				box-shadow: 0 4px 8px rgba(0,0,0,0.06);
				width: calc(100% - 30px); 
				box-sizing: border-box;
				gap: 4px;
				position: relative;

				/* Impedindo a seleção de textos */
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}

			/* FIX ALINHAMENTO: Valor e Data na mesma linha */
			list-view data-group column.value {
				display: inline-block;
				width: auto !important;
				font-weight: 800;
				font-size: 18px;
				margin-bottom: 8px;
				order: -2; 
			}

			list-view data-group column.date,  
			list-view data-group column.due{
				display: inline-block;
				width: auto !important;
				position: absolute;
				right: 15px;
				font-size: 18px;
				font-weight: 800;
				border: none;
				padding: 0;
			}

			/* Colunas Gerais */
			list-view data-group column {
				display: flex;
				width: 100% !important;
				font-size: 10px;
				font-weight: bold;
				color: #555;
				border: none;
				padding: 2px 0;
				order: 1;
				white-space: nowrap;       /* impede quebra automática */
				overflow: hidden;          /* esconde o excesso */
				text-overflow: ellipsis;   /* adiciona "..." no fim */
			}

			/* Labels Padronizados */
			list-view data-group column::before {
				content: attr(legend) ": ";
				text-transform: uppercase;
				font-size: 10px;
				font-weight: bold;
				color: #bbb;
				min-width: 90px; 
				display: inline-block;
			}

			list-view data-group column.value::before,
			list-view data-group column.date::before,
			list-view data-group column.due::before {
				display: none;
			}

			

			/* Tag lateral */
			list-view data-group tag {
				left: 0;
				right: auto;
				width: 5px;
				top: 0;
				bottom: 0;
				border-radius: 8px 0 0 8px;
			}
		}


		/*Usuários, clientes, fornecedores, vendedores*/
		list-view results person{
			position:relative;
			float: left;
			width: 100%;
			border-bottom:#CCC solid 1px;
		}
		list-view results person:last-child{
			border:none;
		}
		list-view results person .photo{
			position: relative;
			float: left;
			width: 60px;
			height: 60px;
			border-radius: 60px;
			padding: 8px;
			box-sizing: border-box;
		}
		list-view results person .situation{
			position: absolute;
			top:5px;
			right: 5px;
			width: 16px;
			height: 16px;
			padding: 0px;
		}
		list-view results person section{
			position: relative;
			float: left;
			width: 275px;
			padding: 8px;
			box-sizing: border-box;
			cursor: context-menu;
		}
		list-view results person section name{
			position: relative;
			float: left;
			width: 100%;
			font-weight: bold;
			white-space: nowrap;       /* impede quebra automática */
			overflow: hidden;          /* esconde o excesso */
			text-overflow: ellipsis;   /* adiciona "..." no fim */
		}
		list-view results person section phone{
			position: relative;
			float: left;
			width: 100%;
			font-size: 14px;
		}
		list-view results person section contact img{
			position: relative;
			top:4px;
			width: 16px;
			height: 16px;
			margin-right: 3px;
			background-position:center;
		}
		list-view results person stars{
			position: absolute;
			top: 45px;
			left: 5px;
			width: 50px;
			box-sizing: border-box;
			text-align: center;
		}
		list-view results person stars img{
			position: relative;
			width: 10px;
		}



		/*LIstagem de produtos, serviços, materiais, etc "products"*/
		list-view results product-group{
			position: relative;
			float: left;
			width: 100%;
			padding: 8px;
			box-sizing: border-box;
			border-bottom: #CCC solid 1px;
			cursor: context-menu;
		}

		list-view results product-group .picture {
			position: relative;
			float: left;
			width: 52px;
			height:52px;
			border-radius: 52px;
			margin-right: 8px;
			border:#666 solid 1px;
			background: #FFF;
			text-align: center;
		}
		list-view results product-group section{
			position: relative;
			float: left;
		}
		list-view results product-group code{
			font-size: 10px;
			font-weight: bold;
		}
		list-view results product-group brand{
			font-size: 10px;
			font-weight: bold;
		}
		
		list-view results product-group value{
			display:''
		}
		list-view results product-group:last-child{
			border:none;
		}
		list-view results product-group stars{
			position: absolute;
			top: 45px;
			left: 10px;
			width: 50px;
			box-sizing: border-box;
			text-align: center;
		}
		list-view results product-group stars img{
			position: relative;
			width: 10px;
		}

		


		/*Listagem de arquivos*/
		list-view[type="archives"]{
			position:absolute;
			left:5px;
			bottom:35px;
			width:350px;
			height:300px;
			border:#CCC solid 1px;
			background:#FFF;
			border-radius:5px;
			box-shadow:#000 0 0 8px;
			z-index:10000;
			display:none;
		}
		list-view[type="archives"] results{
			height: 273px;
			user-select: text;
			border-bottom:none;
			border:none;
			border-bottom-left-radius: 5px;
			border-bottom-right-radius: 5px;
			border-bottom:none;
		}
		list-view[type="archives"] .hidden{
			display:none;
		}
		list-view[type="archives"] .paste{
			width:0px;
			height:0px;
			opacity:0
		}
		list-view[type="archives"] options{
			background:#EEE;
			border-top-left-radius: 5px;
			border-top-right-radius: 5px;
		}
		list-view[type="archives"] options span{
			position:relative;
			left:8px;
		}
		list-view[type="archives"] results archive{
			position: relative;
			float: left;
			width: 100%;
			padding: 5px;
			box-sizing: border-box;
			border-bottom: #CCC solid 1px;
			text-align: left;
			cursor: pointer;
		}
		list-view[type="archives"] results archive img{
			position:relative;
			float:left;
			width: 30px;
			height: 30px;
		}

		list-view[type="archives"] results archive legend{
			position:relative;
			float:left;
			width: calc(100% - 30px);
			font-size: 12px;
			font-weight:bold;
			max-width:310px;
			white-space: nowrap;       /* impede quebra automática */
			overflow: hidden;          /* esconde o excesso */
			text-overflow: ellipsis;   /* adiciona "..." no fim */
		}
		list-view[type="archives"] results archive span{
			position:relative;
			float:left;
			font-size: 10px;
			white-space: nowrap;       /* impede quebra automática */
			overflow: hidden;          /* esconde o excesso */
			text-overflow: ellipsis;   /* adiciona "..." no fim */
		}




		/*Listagem de arquivos*/
		list-view[type="files"]{
			position:absolute;
			left:5px;
			bottom:35px;
			width:350px;
			height:300px;
			border:#CCC solid 1px;
			background:#FFF;
			border-radius:5px;
			box-shadow:#000 0 0 8px;
			z-index:10000;
			display:none;
		}
		list-view[type="files"] results{
			height: 270px;
			user-select: text;
			border-bottom:none;
			border:none;
			border-bottom-left-radius: 5px;
			border-bottom-right-radius: 5px;
			border-bottom:none;
		}
		list-view[type="files"] .hidden{
			display:none;
		}
		list-view[type="files"] .paste{
			width:0px;
			height:0px;
			opacity:0
		}
		list-view[type="files"] options{
			background:#EEE;
			border-top-left-radius: 5px;
			border-top-right-radius: 5px;
		}
		list-view[type="files"] options span{
			position:relative;
			left:8px;
		}
		list-view[type="files"] results file{
			position: relative;
			float: left;
			width: 100%;
			padding: 5px;
			box-sizing: border-box;
			border-bottom: #CCC solid 1px;
			text-align: left;
			cursor: pointer;
		}
		list-view[type="files"] results file img{
			position:relative;
			float:left;
			width: 30px;
			height: 30px;
		}

		list-view[type="files"] results file legend{
			position:relative;
			float:left;
			width: calc(100% - 30px);
			font-size: 12px;
			font-weight:bold;
			max-width:310px;
			white-space: nowrap;       /* impede quebra automática */
			overflow: hidden;          /* esconde o excesso */
			text-overflow: ellipsis;   /* adiciona "..." no fim */
		}
		list-view[type="files"] results file span{
			position:relative;
			float:left;
			font-size: 10px;
			white-space: nowrap;       /* impede quebra automática */
			overflow: hidden;          /* esconde o excesso */
			text-overflow: ellipsis;   /* adiciona "..." no fim */
		}




		/*Listagem de histórico*/
		list-view[type="history"]{
			position:absolute;
			left:5px;
			bottom:35px;
			width:350px;
			height:300px;
			border:#CCC solid 1px;
			background:#FFF;
			border-radius:5px;
			box-shadow:#000 0 0 8px;
			z-index:10000;
			display:none;
		}
		list-view[type="history"] results{
			border:none;
		}
		list-view[type="history"] options{
			background:#EEE;
			border-top-left-radius: 5px;
			border-top-right-radius: 5px;
		}
		list-view[type="history"] options span{
			position:relative;
			left:8px;
		}
		list-view[type="history"] options span status{
			position:relative;
			float:right;
			top:2px;
			right:18px;
			font-size:12px;
		}

		list-view[type="history"] options span ball{
			position:relative;
			float:right;
			top:7px;
			right:15px;
			width:6px;
			height:6px;
			border-radius:6px;
		}

		list-view[type="history"] results section{
			position:relative;
			float: left;
			width:100%;
			box-sizing:border-box;
			border-bottom:#CCC solid 1px;
			padding:2px;
		}
		list-view[type="history"] results section user{
			position:relative;
			float: left;
			width:100%;
			box-sizing:border-box;
			padding-left:10px;
		}
		list-view[type="history"] results section ball{
			position:relative;
			float:left;
			top:6px;
			left:-5px;
			width:6px;
			height:6px;
			border-radius:6px;
			background:#333;
		}
		list-view[type="history"] results section span{
			position:relative;
			float:right;
			top: 2px;
			font-size:10px;
		}
		list-view[type="history"] results section message{
			position:relative;
			float: left;
			width:100%;
			box-sizing:border-box;
			padding-left:12px;
		}