@import "styles/map.css";
@import "styles/arearange-background-band.css";
@import "styles/intersection-flows.css";

vaadin-tooltip::part(content) {
    white-space: pre-line;
}

vaadin-login-form::part(form) {
    background: transparent;
}

vaadin-login-form::part(form-title) {
    white-space: pre-line;
}

vaadin-multi-select-combo-box.filter-label::part(label) {
    padding-top: var(--lumo-space-m);
}
vaadin-multi-select-combo-box.filter-label > label {
    font-size: var(--lumo-font-size-xs);
}

.spaced-menu-bar::part(container) {
    display: flex;
    justify-content: end;
    align-items: center;
    padding: 0;
    gap: 20px;
}

vaadin-split-layout > * {
    overflow: auto;
}

.platform-label {
    max-width: 100%;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
}
.line-label {
    cursor: pointer;
}

vaadin-dialog[theme~="footer-margin-dialog"]::part(content) {
    margin-bottom: 5px;
}

/*
 * Styles to allow warning messages in forms, instead of just error messages.
 * Although this applies to any of the targeted elements, when the warning theme is applied
 */
vaadin-text-field[theme~="warning"]::part(helper-text) {
    color: orange;
}
vaadin-text-field[theme~="warning"]::part(input-field) {
    background-color: rgba(255, 166, 0, 0.1);
    box-shadow: inset 0 0 0 1px orange;
}

vaadin-integer-field[theme~="warning"]::part(helper-text) {
    color: orange;
}
vaadin-integer-field[theme~="warning"]::part(input-field) {
    background-color: rgba(255, 166, 0, 0.1);
    box-shadow: inset 0 0 0 1px orange;
}

vaadin-select[theme~="warning"]::part(input-field) {
    background-color: rgba(255, 166, 0, 0.1);
    box-shadow: inset 0 0 0 1px orange;
}
vaadin-select[theme~="warning"]::part(helper-text) {
    color: orange;
}

vaadin-combo-box[theme~="warning"]::part(input-field) {
    background-color: rgba(255, 166, 0, 0.1);
    box-shadow: inset 0 0 0 1px orange;
}
vaadin-combo-box[theme~="warning"]::part(helper-text) {
    color: orange;
}

/* Styles to allow hiding the time part of a DateTimePicker (e.g. if resolution is day or higher) */
vaadin-date-time-picker > vaadin-time-picker {
    transition: width 0.1s ease, opacity 0.1s ease, margin 0.1s ease;
    overflow: hidden;
    opacity: 1;
}
vaadin-date-time-picker.time-hidden > vaadin-time-picker {
    width: 0;
    opacity: 0;
    margin: 0;
    padding: 0;
}