/* 
  DEBUG MODE CSS 
  This file contains the absolute minimum styling required to test functionality.
  If the app is interactive with this file, the bug is in style.css.
*/

/* Basic layout helpers */
body {
    background-color: #eee;
    font-family: sans-serif;
}

.hidden {
    display: none;
}

/* Make screens visible for the test */
.screen {
    display: block; /* Override .hidden if necessary for the test */
    background-color: white;
    border: 2px solid #ff0000; /* Make it obvious this is a debug view */
    margin: 20px;
    padding: 20px;
}

/* Basic form styling to make it usable */
.login-container, #entry-form-container {
    padding: 20px;
}

h1, h2, h3 {
    color: #333;
}

.input-group, .form-group {
    margin-bottom: 15px;
}

label {
    display: block;
    margin-bottom: 5px;
}

input[type="text"],
input[type="password"],
input[type="date"],
textarea {
    width: 95%;
    padding: 8px;
    font-size: 1rem;
    border: 1px solid #ccc;
}

button, .submit-button, .action-button, .login-button {
    padding: 10px 15px;
    font-size: 1rem;
    cursor: pointer;
    background-color: #007bff;
    color: white;
    border: none;
}

button:hover {
    background-color: #0056b3;
}