.registrationinput {
    border: 0.5px solid grey;
    padding: 20px 30px 20px 20px;
    padding: 1rem;
    border-radius: 16px;
    width: 100%;
    background: #fbfbfb;
    transition: 0.3s;
    height: 45px;
    font-size: 14px !important;
   }


   .examInputSubject{
    border: 0.5px solid grey;
    padding: 20px 30px 20px 20px;
    padding: 1rem;
    border-radius: 12px;
    width: 70%;
    background: #fbfbfb;
    transition: 0.3s;
    height: 35px;
    font-size: 13px !important;
   }

   .examInputScore{
    border: 0.5px solid grey;
    padding: 20px 30px 20px 20px;
    padding: 1rem;
    border-radius: 12px;
    width: 15%;
    background: #fbfbfb;
    transition: 0.3s;
    height: 35px;
    font-size: 13px !important;
    margin-left: 5px;
    margin-top: 6px;
   }

   

   .registrationinput_phone {
    border: 0.5px solid grey;
    padding: 20px 30px 20px 20px;
    padding: 1rem;
    border-radius: 16px;
    width: calc(100% - 80px);
    width: -webkit-calc(100% - 80px);
    width: -moz-calc(100% - 80px);
    background: #fbfbfb;
    transition: 0.3s;
    height: 45px;
    font-size: 13px;
   }

   .textarea-max {
    text-align: start !important;
    padding: 5px 10px 10px 10px;
    background: #fbfbfb;
    box-shadow: none;
    resize: none;
    width: 100%;
    height: 100px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    border-radius: 16px;
    outline: none;
    border: 0.5px solid grey;
  }

   @media screen and (min-width: 1024px) {
    .registrationinput {
        width: 60%;
  
       }

       .textarea-max {
        width: 60%;
      }

      .examInputSubject{
        width: 49%;
      }

      .examInputScore{
        width: 7%;
      }


       .registrationinput_phone {
        width: calc(60% - 80px);
        width: -webkit-calc(60% - 80px);
        width: -moz-calc(60% - 80px);
  
       }

   }

   /* Override widths inside case registration card so text inputs
      align with other select fields */
   .case-form-container .registrationinput {
      width: 100%;
      max-width: 360px;
   }

   /* Match 導師簡介 textarea to same width as other fields (override global 60% at 1024px) */
   .case-form-container .textarea-max {
      width: 100%;
      max-width: 360px;
      box-sizing: border-box;
   }

   @media screen and (min-width: 1024px) {
    .case-form-container .textarea-max {
      width: 100%;
      max-width: 360px;
    }
   }

   /* Desktop: global 60% width on .registrationinput_phone breaks flex rows (phone + OTP).
      Inside case forms, fill the flex cell next to +852 / full row width. */
   @media screen and (min-width: 1024px) {
     .case-form-container .registrationinput_phone {
       width: 100% !important;
       max-width: 100% !important;
       box-sizing: border-box;
     }
   }