/* direct_route.css — Styles for the Direct Route quick-navigation page */

#direct_route_tab {
    max-width: 520px;
    margin: 2em auto;
    padding: 1.5em;
    background-color: var(--callout_fieldset_background);
    border: 1px solid var(--callout_fieldset_border);
    border-radius: 8px;
}

#direct_route_tab h2 {
    margin: 0 0 0.3em 0;
    color: var(--text_color);
    font-size: 1.4em;
}

.direct-route-subtitle {
    margin: 0 0 0.5em 0;
    color: var(--text_color);
    font-size: 0.95em;
}

.direct-route-note {
    margin: 0 0 1.5em 0;
    color: var(--text_subdued);
    font-size: 0.85em;
    font-style: italic;
}

.direct-route-note i {
    margin-right: 0.3em;
}

.direct-route-form {
    display: flex;
    flex-direction: column;
    gap: 1em;
}

.direct-route-row {
    display: flex;
    flex-direction: column;
    gap: 0.3em;
}

.direct-route-row label {
    font-weight: 600;
    font-size: 0.9em;
    color: var(--text_color);
}

.direct-route-row select {
    padding: 0.5em 0.7em;
    font-size: 1em;
    border: 1px solid var(--border_color);
    border-radius: 4px;
    background-color: var(--background_color);
    color: var(--text_color);
    cursor: pointer;
    appearance: auto;
}

.direct-route-row select:focus {
    outline: 2px solid var(--callout_border_focused);
    outline-offset: 1px;
}

.direct-route-row select:disabled {
    background-color: var(--disabled_select_bg);
    border-color: var(--disabled_select_border);
    color: var(--disabled_select_text);
    cursor: not-allowed;
}

/* Go button — green style matching existing save buttons */
.direct-route-go-btn {
    padding: 0.6em 1.8em;
    font-size: 1.05em;
    font-weight: 600;
    border: 1px solid var(--save_button_border);
    border-radius: 4px;
    background-color: var(--save_button_background);
    color: var(--text_on_accent);
    cursor: pointer;
    transition: background-color 0.15s ease;
    align-self: flex-start;
}

.direct-route-go-btn:hover {
    background-color: var(--save_button_background_hover);
}

.direct-route-go-btn:active {
    background-color: var(--save_button_background_active);
}

.direct-route-go-btn:focus {
    background-color: var(--save_button_background_focus);
    outline: 2px solid var(--callout_border_focused);
    outline-offset: 1px;
}

.direct-route-go-btn i {
    margin-right: 0.3em;
}