body { font-family: sans-serif; margin: 20px; background-color: #f4f4f4; color: #333; }
header { background-color: #0065cb; color: white; padding: 10px 0; text-align: center; margin-bottom: 20px; }
h1, h2 { color: #002d62; } /* United-ish blue */
#flight-search-form { /* Made this specific for position:relative */
    position: relative; /* For positioning absolute children like popups */
    background-color: white;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
#flight-results, #command-output { /* Kept these separate */
    background-color: white;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
#flight-search-form div { 
    margin-bottom: 15px; 
    position: relative; /* For positioning suggestion lists */
}
label { display: block; margin-bottom: 5px; font-weight: bold; }
input[type="text"], input[type="date"], input[type="number"], select {
    width: calc(100% - 22px); /* Adjust for padding/border */
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}
button {
    background-color: #ffc72c; /* United-ish gold */
    color: #002d62;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
}
button:hover { background-color: #e6b325; }
.flight-option { border: 1px solid #eee; padding: 15px; margin-bottom: 10px; border-radius: 4px; }
.flight-option h4 { margin-top: 0; color: #004b8d; }
footer { text-align: center; margin-top: 30px; font-size: 0.9em; color: #666; }
pre { background-color: #eee; padding: 10px; border-radius: 4px; white-space: pre-wrap; word-wrap: break-word; }

/* Styles for airport suggestions */
.suggestions-list {
    border: 1px solid #ccc;
    border-top: none;
    max-height: 150px;
    overflow-y: auto;
    position: absolute; 
    background-color: white;
    z-index: 1000; 
    left: 0; /* Align with the left of the parent div */
    right: 0; /* Stretch to the right of the parent div */
    /* top will be set by JS to be below the input field */
}

.suggestion-item {
    padding: 8px;
    cursor: pointer;
}

.suggestion-item:hover {
    background-color: #f0f0f0;
}