/* css/csv-upload-manager.css */

/* Adjusted styles for the viewer and layout */
.cum-container {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
}

.cum-user-points {
    margin-bottom: 20px;
    font-size: 16px;
}

#cum-upload-form {
    margin-bottom: 20px;
}

#cum-response {
    margin-top: 10px;
}

.button {
    margin-right: 5px;
    margin-top: 10px;
}

.cum-action-buttons {
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;
}

.incomplete-stop {
    background-color: #ffe6e6;
    color: #a94442;
}

.editable-cell {
    cursor: text;
}

.cum-route {
    margin-bottom: 30px;
    border: 1px solid #ddd;
    padding: 15px;
    background-color: #f9f9f9;
}

.cum-route-header {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: bold;
}

.cum-stops-table {
    width: 100%;
    border-collapse: collapse;
}

.cum-stops-table th, .cum-stops-table td {
    border: 1px solid #ddd;
    padding: 8px;
    box-sizing: border-box;
}

.cum-stops-table th {
    background-color: #f2f2f2;
    text-align: left;
}

#cum-routes-viewer {
    margin-top: 20px;
}

.success {
    color: #3c763d;
}

.error {
    color: #a94442;
}

/* Guide Styles */
.cum-guide {
    margin-top: 20px;
    padding: 15px;
    background-color: #eef5fb;
    border: 1px solid #c9e2f3;
}

.cum-guide h3 {
    margin-top: 0;
}

.cum-guide ul {
    list-style: disc;
    margin-left: 20px;
}

.cum-guide p {
    margin-bottom: 10px;
}

/* My Trips Styles */
#cum-my-trips {
    margin-top: 30px;
}

.cum-my-trip {
    border: 1px solid #ddd;
    padding: 15px;
    margin-bottom: 20px;
    background-color: #fefefe;
}

.cum-my-trip h4 {
    margin-top: 0;
}

.cum-my-trip ul {
    list-style-type: circle;
    margin-left: 20px;
}

.cum-my-trip p {
    margin-top: 10px;
}