/* /var/www/postwmt/static/css/style.css */

body {
    background-color: #121212; /* Very dark grey */
    color: #e0e0e0; /* Light grey text */
    font-family: sans-serif;
    margin: 2em;
}

.container {
    max-width: 800px;
    margin: auto;
    padding: 1.5em;
    background-color: #1e1e1e; /* Slightly lighter dark background for container */
    border: 1px solid #444; /* Dark border */
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}

h1, h2 {
    color: #ffffff; /* White headings */
    border-bottom: 1px solid #444;
    padding-bottom: 0.3em;
}

p {
    line-height: 1.6;
}

a {
    color: #bb86fc; /* Light purple for links - common dark mode accent */
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

button {
    background-color: #6200ee; /* Purple button */
    color: #ffffff;
    border: none;
    padding: 10px 15px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1em;
    margin-top: 0.5em; /* Add some top margin */
    margin-right: 0.5em; /* Space between buttons if needed */
    transition: background-color 0.2s ease;
}

button:hover {
    background-color: #3700b3; /* Darker purple on hover */
}

textarea {
    width: 95%; /* Adjust width as needed */
    min-height: 200px;
    margin-bottom: 1em;
    background-color: #333; /* Dark background for text area */
    color: #e0e0e0; /* Light text */
    border: 1px solid #555;
    border-radius: 4px;
    padding: 10px;
    font-family: monospace; /* Use monospace for pasted code/schedules often */
}

textarea:focus {
    outline: none;
    border-color: #bb86fc; /* Highlight focus */
    box-shadow: 0 0 5px rgba(187, 134, 252, 0.5);
}

.button-container {
    margin-top: 1em;
}

hr {
    border: none;
    border-top: 1px solid #444; /* Dark horizontal rule */
    margin-top: 2em;
    margin-bottom: 2em;
}

/* Basic styling for Flask flash messages (we'll add flash() later) */
.flash {
  padding: 1em;
  margin-bottom: 1em;
  border-radius: 4px;
}
.flash.success { background-color: #1e4620; border: 1px solid #2e8540; color: #c8e6c9; }
.flash.danger { background-color: #5c1f1f; border: 1px solid #c62828; color: #ffcdd2; }
.flash.info { background-color: #1a3a5c; border: 1px solid #1e88e5; color: #bbdefb; }