.table-pesq-produto-col-preco {
  min-width: 130px;
  text-align: center;
  display: none !important;
}
@media (min-width: 992px) {
  .table-pesq-produto-col-preco {
    display: block !important;
  }
  table.table-pesq-produto-col-preco {
    display: table !important;
  }
  tr.table-pesq-produto-col-preco {
    display: table-row !important;
  }
  th.table-pesq-produto-col-preco,
  td.table-pesq-produto-col-preco {
    display: table-cell !important;
  }
}
.table-pesq-produto-col-estoque {
  min-width: 100px;
  text-align: center;
  display: none !important;
}
@media (min-width: 992px) {
  .table-pesq-produto-col-estoque {
    display: block !important;
  }
  table.table-pesq-produto-col-estoque {
    display: table !important;
  }
  tr.table-pesq-produto-col-estoque {
    display: table-row !important;
  }
  th.table-pesq-produto-col-estoque,
  td.table-pesq-produto-col-estoque {
    display: table-cell !important;
  }
}
.table-pesq-produto-col-status {
  min-width: 100px;
  text-align: center;
}
.table-pesq-produto-col-acoes {
  min-width: 105px;
  text-align: center;
}
body.aw-layout-simple-page {
  background: linear-gradient(120deg, #e0eafc 0%, #cfdef3 100%); /* Softer gradient background */
  font-family: 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif; /* Modern font stack (add if not already global) */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100vh; /* Ensure it takes full viewport height */
  padding: 20px 0; /* Add some padding for smaller screens */
}

/* Logo adjustments */
.logo {
  margin-bottom: 30px; /* Increased space below the logo */
}

.logo img {
  max-width: 250px; /* Adjust if needed, maintains aspect ratio */
  height: auto;
}

/* Main container for the login form */
.aw-layout-simple-page__container {
  max-width: 420px; /* Slightly wider panel for better spacing */
  width: 100%;
  padding: 15px; /* Add padding for responsiveness on small screens */
}

/* Styling the login panel */
.aw-simple-panel {
  background-color: #ffffff;
  border: none; /* Remove the default border */
  border-radius: 8px; /* Softer corners */
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1); /* More pronounced, softer shadow */
  padding: 30px 35px; /* Increased padding */
  transition: all 0.3s ease;
}

/* Login message styling */
.aw-simple-panel__message {
  font-size: 1.1em; /* Slightly larger text */
  color: #555;     /* Softer text color */
  margin-bottom: 25px; /* More space before the form or error messages */
  text-align: center;
}

.aw-simple-panel__message.is-error {
  background-color: #f8d7da; /* Softer error background */
  color: #721c24;            /* Darker error text for contrast */
  border: 1px solid #f5c6cb; /* Subtle border for error */
  border-radius: 4px;
  padding: 15px;
  margin-bottom: 20px; /* Ensure spacing below error message */
}

/* Input field enhancements */
.form-group .form-control {
  border-radius: 6px; /* Softer corners for inputs */
  padding: 12px 15px; /* Adjust padding for a taller input */
  padding-right: 40px; /* Ensure space for the icon */
  font-size: 1em;
  border: 1px solid #ced4da; /* Standard border color */
  box-shadow: none; /* Remove default Bootstrap shadow */
  transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.form-group .form-control:focus {
  border-color: #80bdff; /* Bootstrap focus color, or your primary color */
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); /* Bootstrap focus shadow */
}

/* Icon positioning within input fields */
.form-group.has-feedback .form-control-feedback {
  line-height: 48px; /* Align icons vertically - adjust if input height changes */
  height: 48px;
  width: 40px;
  color: #777;
}

/* Button enhancements */
.btn-primary.aw-btn-full-width {
  background-color: #007bff; /* A slightly brighter blue, or your brand's primary blue */
  border-color: #007bff;
  border-radius: 6px; /* Softer corners for button */
  padding: 12px 15px; /* Taller button */
  font-size: 1.1em;
  font-weight: 500;
  transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
  margin-top: 10px; /* Add some space above the button */
}

.btn-primary.aw-btn-full-width:hover,
.btn-primary.aw-btn-full-width:focus {
  background-color: #0056b3; /* Darker shade on hover/focus */
  border-color: #0056b3;
  box-shadow: none; /* Remove default focus shadow if not desired or use a custom one */
}