/* 
Citation for the following code:
Date: 11/4/2025
Base code used from Exploration - Web Application Technology
URL: https://canvas.oregonstate.edu/courses/2017561/pages/exploration-web-application-technology-2?module_item_id=25645131
*/

h1, h2, h3, p {margin-left: 16px;}
table {border-collapse: collapse;margin-left: 32px;}
th, td {
    border: 1px solid #ddd;
    padding: 12px;
    text-align: center;
}

.note-warning {
    font-size: 0.9em;
    color: rgb(153, 3, 3);

}
th {background-color: #f2f2f2;}
tr:nth-child(even) {background-color: #f9f9f9;}

/* 
Citation for the following delete employee code:
Date: 11/30/2025 
Copilot Prompt: I have a database with employees, sales, ect. How can I strike out the employee to signify they have been deleted, but not actually delete to preserve their sales */


/* soft delete employees strikethrough */
tr.inactive td {
    text-decoration: line-through; /* strike through text only */
    background-color: #fff; /* keep background normal */
}

/* inactive label styling */
.inactive-label {
    font-style: italic;
    color: #888;
    font-size: 0.9em;
}

.cuForm { margin-left: 32px;}
input, select { margin-bottom: 4px;margin-right: 12px;}
nav {background-color: #cecece;padding: 16px;}
a {margin-left: 16px;}
.homepageDescription {margin-left: 32px;}

.footer-section {
    text-align: center;
    padding: 50px 30px;
    margin-top: 350px;
    color: #666;
    font-size: 0.95em;
    border-top: 2px solid #e0e0e0;
}

.footer-section p {
    margin: 0;
}

/* the code below was generated by Claude Ai after we presented the following prompt:
Make the background prettier. Nothing too fancy but it's currently looking too basic.
*/

body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    margin: 0;
    padding: 0;
    background: #f5f7fa;
    background-image: 
        linear-gradient(rgba(102, 126, 234, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(102, 126, 234, 0.04) 1px, transparent 1px);
    background-size: 50px 50px;
    min-height: 100vh;
}