.watermark {
  display: none !important;
}

/* This is just an example! 
  You MUST find the real class name using "Inspect Element".
*/

/* Custom CSS for Chainlit - Dark Gray Buttons */

/* Target all button elements */


/* Custom CSS for Chainlit - Dark Gray Login Button Only */

/* Target the login button specifically */


.login-page img[alt="favicon"],
.login-container img[alt="favicon"],
img[src*="favicon"] {
    content: url('https://storage.googleapis.com/netpromptai/loginimage3.jpg') !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: cover !important;
    background: transparent !important;
    filter: none !important;
    -webkit-filter: none !important;
    opacity: 1 !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
}

/* Make parent container full size */
.login-page, .login-container {
    position: relative !important;
    width: 100% !important;
    height: 100vh !important;
    filter: none !important;
    -webkit-filter: none !important;
}

/* Add a wrapper approach */
.login-page img[alt="favicon"]::before {
    opacity: 1 !important;
}

input[placeholder="me@example.com"]::placeholder {
    color: transparent !important;
}

button[type="submit"],
.login-button,
form button[type="submit"] {
  background-color: #374151 !important;
  color: white !important;
  border: none !important;
}

/* Login button hover state */
button[type="submit"]:hover,
.login-button:hover,
form button[type="submit"]:hover {
  background-color: #4b5563 !important;
}

body {
    background-color: #333333; /* Dark gray */
}


/* Hide or modify the placeholder text in login form */
input[type="text"]::placeholder,
input[type="email"]::placeholder {
    opacity: 0 !important;
    /* Or customize it */
    /* content: "Username" !important; */
}

/* Target specifically the username field if it has a specific class */
.login-form input[type="text"]::placeholder {
    content: "Enter your username" !important;
}