/* Variables */
:root{
    --bg: #273036;
    --fg: #ffffff;
}

body{
    padding: 20px;
    background: var(--bg);
    color: var(--fg);
}
table {
    font-family: "Monospace";
    border-collapse: collapse;
    font-size: 11pt;
}

th{
    text-transform: uppercase;
}

tr.htmx-swapping td {
    opacity: 0;
    transition: opacity 0.5s ease-out;
}

td, th {
    border: 1px solid #383737;
    text-align: center;
    padding: 4px;
    min-width: 4em;
}

td.now, th.now{
    background: var(--fg);
    color: var(--bg);
    border-left: 0px;
    border-right: 0px;
}

td.day-note{
    width: max-content;
}

tr:nth-child(even) {
    background-color: #2f3941;
}

input.update-entry-form{
    width: 3em;
    text-align: center;
}

div#color-chooser{
    position:absolute;
    display:flex;
    margin: 2px;
}

.color-choice{
    padding: 1px 5px;
    border: 1px solid black;
}
.color-choice:hover{
    border: 1px solid white;
}
div.upcase{ text-transform: uppercase;}
div#table{font-family:monospace;display: grid;grid-template-columns: repeat(28, 1fr);}
div#header{border-bottom:2px solid gray;}
div.table-row{border-bottom:1px solid gray;}
div.cell{
    width: 75px;
    font-size:10pt;
    text-align: center; padding: 1px 5px}

    .hot-display-license-info{display:none;}