/* VARIABLES */
:root {
    --button-text: #fafafa;
}
html,
body {
    height: 100%;
    /*background-color: #e0e0e0;*/
    font-family: Gotham;
}

input,
select {
    width: 100%;
}
.heading-1 {
    background-color: rgba(162, 184, 196, 1);
    font-family: Gotham;
}
.ping-svg {
    width: 150px;
    height: auto;
}
.navbar {
    background-color: rgba(162, 184, 196, 1);
}
.list-header {
    background: lightgrey;
}
.row {
    margin-top: 5px;
}

    #debug {
        background-color: #f8f9fa;
        border: 1px solid #dee2e6;
        padding: 1rem;
        border-radius: 0.25rem;
        font-family: monospace;
        white-space: pre-wrap;
        word-break: break-word;
    }

    .data-row {
        display: flex;
        border-bottom: 1px solid #dee2e6;
        padding: 8px 0;
    }
    .data-header {
        font-weight: bold;
        background-color: #c0c0c0;
        color: white;
    }
    .data-cell {
        flex: 1;
        padding: 8px;
    }
    .section-title {
        background-color: #e9ecef;
        padding: 10px;
        margin-top: 30px;
        font-weight: bold;
        border-left: 5px solid #007bff;
    }