/* 1. Target standard inputs (Text, Number, Email) */
input[type="text"],
input[type="number"],
input[type="email"] {
  border-radius: 50px; 
  padding: 10px 20px; 
  height: 45px; 
  border: 2px solid #ccc; 
  outline: none; 
  box-sizing: border-box;
}

/* 2. Target the Paper Dropdown Component Container */
paper-dropdown-menu {
  /* Forces the outer wrapper to match your height */
  height: 45px;
  line-height: 45px;
  
  /* Deep dive styling variables inside the Paper Shadow DOM */
  --paper-input-container: {
    border: 2px solid #ccc;
    border-radius: 50px;
    padding: 0 20px;
    height: 45px;
    box-sizing: border-box;
    background-color: #ffffff;
  };

  /* Removes the default Material design bottom underline lines */
  --paper-input-container-underline: { display: none !important; };
  --paper-input-container-underline-focus: { display: none !important; };
  --paper-input-container-underline-disabled: { display: none !important; };
  
  /* Aligns the inside text vertically */
  --paper-input-container-input: {
    box-sizing: border-box;
    height: 100%;
    line-height: normal;
  };
}

/* 3. OPTIONAL: Target the actual floating listbox popup when clicked */
paper-dropdown-menu {
  --paper-menu-button-content: {
    border-radius: 15px; /* Rounds the floating selection menu panel */
    box-shadow: 0px 4px 10px rgba(0,0,0,0.1);
  };
}