@import url('view/main-view.css');
@import url('view/main-view-top-menu.css');
@import url('view/login-view.css');

@import url('Bio4.css');

vaadin-form-item.text-xl::part(label) {
    font-size: var(--lumo-font-size-xl);
}

/* Only labels of formItems with class 'file-item' */
/*vaadin-form-item.file-item::part(label) {
/*      BLUE !! */
/*    color: var(--lumo-primary-contrast-color);
    padding-left: var(--lumo-font-size-m);
    padding-bottom: var(--lumo-font-size-m);
    width: 4.5em;*/
    /* border: 1px solid var(--lumo-primary-contrast-color);*/
/*}*/

.progress-wrapper {
    position: relative;
}

.progress-wrapper > vaadin-progress-bar {
    width: 100%;
}

.progress-wrapper > span.progress-text {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    font-weight: 600;
    color: white;
}

/* ImportdatawizzardView: row highlight once Taxon/Collection are assigned.
   !important is needed here because the grid's own "row-stripes" theme variant sets a background-color
   on the same ::part(row) with equal-or-higher specificity from its internal stylesheet, which otherwise
   wins the cascade over this page-level rule and silently hides the highlight on every row. */
vaadin-grid::part(import-row-taxon-set) {
    background-color: rgba(255, 235, 59, 0.25) !important;
}

vaadin-grid::part(import-row-collection-set) {
    background-color: rgba(33, 150, 243, 0.2) !important;
}

vaadin-grid::part(import-row-both-set) {
    background-color: rgba(76, 175, 80, 0.2) !important;
}

/* row already imported (objIdObject set) - takes priority over the taxon/collection highlights above */
vaadin-grid::part(import-row-object-set) {
    background-color: darkgray !important;
    color: white;
}

/* ImportdatawizzardView: cmbField dropdown item for a target field another column already maps to - stays
   in the list (see isFieldAvailableForColumn) but greyed out and (for pointer input) unclickable; a keyboard
   selection is additionally rejected in code, since pointer-events has no effect on keyboard navigation. */
vaadin-combo-box-item.field-taken {
    opacity: 0.45;
    font-style: italic;
    pointer-events: none;
}

/* ImportDataDetailView: "Assistent" (wizard) button - lighter/brighter green than the dark
   accent-green "Neu" (createAction) button uses, so it stands out as the primary call-to-action. */
vaadin-button.wizzard-button {
    --vaadin-button-background: #4caf50;
    --vaadin-button-text-color: #ffffff;
    border-color: #4caf50;
    font-weight: 600;
}

vaadin-button.wizzard-button:hover {
    --vaadin-button-background: #43a047;
    border-color: #43a047;
}