/* Responsividade */
@media (max-width: 991px) {
	.stat-card {flex: 1 0 calc(50% - 20px);	}
}

@media (max-width: 767px) {
  .stat-card { flex: 1 0 100%; }
  .profile-avatar { width: 100px; height: 100px; font-size: 40px;  }

	/* #pedidos-view */
	#pedidos-view .summary-col {flex: 100%;margin-bottom: 20px;}
	#pedidos-view .action-card-buttons {flex-direction: column;}
	#pedidos-view .action-card-buttons .btn-action {width: 100%;}
	#pedidos-view .notification-card {flex-direction: column;text-align: center;}
	#pedidos-view .notification-icon {margin-right: 0;margin-bottom: 10px;}
	#pedidos-view .summary-item {flex-direction: column;}
	#pedidos-view .summary-label {width: 100%;margin-bottom: 5px;}
	#pedidos-view .products-table thead {display: none;}
	#pedidos-view .products-table,.products-table tbody,.products-table tr,.products-table td {display: block;width: 100%;}
	#pedidos-view .products-table tr {margin-bottom: 20px;border: 1px solid #eee;border-radius: 4px;overflow: hidden;}
	#pedidos-view .products-table td {position: relative;padding: 10px 15px;}
	#pedidos-view .products-table td:before {content: attr(data-label);position: absolute;left: 15px;top: 50%;transform: translateY(-50%);font-weight: 600;color: #555;}
	#pedidos-view .products-table td:last-child {border-bottom: none;}
	#pedidos-view .product-image {margin: 0 auto;display: block;}
	/* Regras de tabela p/ #comprovantes, #creditos e #cred-comprov (agrupadas e únicas) */
	#comprovantes .table > thead,  #creditos .table > thead,  #cred-comprov .table > thead {    display: none;  }
	#comprovantes .table > tbody > tr,
	#creditos .table > tbody > tr,
	#cred-comprov .table > tbody > tr {    display: block;    margin-bottom: 15px;    border: 1px solid #ddd;    border-radius: 4px;    padding: 10px;  }

	#comprovantes .table > tbody > tr > td,
	#creditos .table > tbody > tr > td,
	#cred-comprov .table > tbody > tr > td {display: block;text-align: right;padding: 8px 10px;border: none;border-bottom: 1px solid #eee;position: relative;}
	#comprovantes .table > tbody > tr > td span,
	#creditos .table > tbody > tr > td span,
	#cred-comprov .table > tbody > tr > td span {display: block;}
	#comprovantes .table > tbody > tr > td:last-child,
	#creditos .table > tbody > tr > td:last-child,
	#cred-comprov .table > tbody > tr > td:last-child {border-bottom: none;}
	#comprovantes .table > tbody > tr > td:before,
	#creditos .table > tbody > tr > td:before,
	#cred-comprov .table > tbody > tr > td:before {content: attr(data-label);float: left;font-weight: 600;color: #555;}
	#comprovantes .btn-action,
	#creditos .btn-action,
	#cred-comprov .btn-action {width: 100%;margin-top: 5px;float: none;}
	/* #creditos (regras únicas) */
	#creditos .table-responsive {overflow-y: auto !important;border: none;overflow-x: auto}
	#creditos .credit-balance-card,
	.btn-add-credit {margin-bottom: 15px;}
	#creditos .extrato-filters {justify-content: center;}
	#creditos .table-extrato td, .table-extrato th {white-space: nowrap;}
	#cred-comprov .table-responsive {border: none;}
	#cred-comprov .action-buttons {display: flex;flex-direction: column;gap: 5px;}
	#cred-comprov .btn-action {margin-left: 0;margin-bottom: 5px;text-align: center;}
	#perfil .actions-area {flex-direction: column;align-items: stretch;}
	#perfil .actions-left,#perfil .actions-right {width: 100%;justify-content: center;margin-bottom: 10px;}
	#perfil .actions-right {margin-bottom: 0;}
	#perfil .section-header {flex-direction: column;align-items: flex-start;}
	#perfil .btn-action {margin-left: 0;margin-top: 10px;text-align: center;}
	#perfil .data-field {margin-bottom: 20px;}
}
@media (max-width: 650px) {
	#pedidos, #pedidos-view, 	#perfil,	#comprovantes, #creditos, #cred-comprov {width: 95% !important; padding-right: 5px;  padding-left: 5px;}

	.navbar .container {padding-right: 15px !important;  padding-left: 15px !important;}
  #pedidos-view .order-status {    float: none;    margin-top: 10px;  }
}
@media (max-width: 600px) {
	#conteudoPedido{padding: 5px !important}

	table.table-pedidos > tbody > tr > td { float: left;	width: 98% !important; border-top: none; font-size: 13px; line-height: 100%	}
	table.table-pedidos > thead {display: none	}
	table.table-pedidos > tbody > tr{border-bottom: 2px solid #ccc}
	.tit-lg{display: block !important; font-weight: bold !important}
	table > tbody > tr > td{padding: 3px !important}
	.top-logo img{max-height: 90px; margin: 0 auto;}
	#pedidos .act-view{color: #fff; background-color: var(--cor5); padding: 10px 30px; border-radius: 3px; text-decoration: none}
	#pedidos .act-view:hover{background-color: var(--cor8); color:#fff}
	div.dataTables_wrapper div.dataTables_length label{width: 100%;}

	#pedidos-view .products-table td::before{display: none}

	#comprovantes .tab-content { padding: 5px;}
	#pedidos-view .products-table tr{border: 2px solid #eaeaea !important;}
	#pedidos-view .products-table td{text-align: center; padding: 10px; border-bottom: 1px dotted #dbdbdb !important}
	#pedidos-view .btn-action{margin-bottom: 15px}
	#pedidos-view .order-body{padding: 20px 10px}

	#comprovantes .nav-tabs-custom > li > a{padding: 15px 5px 15px 10px}

	#creditos .card-body{padding: 10px;}

}