@import "billing.css";

html {
    --vaadin-field-default-width: 100%;
    --vaadin-text-field-default-width: 100%;
    --lumo-primary-text-color: #0b9ece;
    --lumo-primary-color: #0b9ece;
    --lumo-primary-color-50pct: #0b9ece77;
    --lumo-primary-color-10pct: #0b9ece33;
    --lumo-error-color: #e32149;
    --lumo-error-text-color: #e32149;
}

vaadin-full-calendar {
    --fc-event-bg-color: #0b9eceBB;
    --fc-today-bg-color: var(--lumo-primary-color-10pct);
    --fc-highlight-color: #0b9ece55;
}

vaadin-custom-field::part(input-fields) {
    flex: auto;
    display: flex;
}

vaadin-side-nav::part(label),
span#side-nav-label-1, span#side-nav-label-2,
span#side-nav-label-3, span#side-nav-label-4,
span#side-nav-label-5, span#side-nav-label-6,
span#side-nav-label-7, span#side-nav-label-8,
span#side-nav-label-9, span#side-nav-label-10,
span#side-nav-label-11, span#side-nav-label-12{
    font-weight: 600;
    text-transform: uppercase;
    color: var(--lumo-body-text-color);
}

vaadin-side-nav[collapsible]:not([collapsed]) {
    border-top: thin solid var(--lumo-contrast-10pct);
    border-bottom: thin solid var(--lumo-contrast-10pct);
}



.main-menu  {
    vaadin-side-nav-item::part(link) {
        font-weight: 600;
        text-transform: uppercase;
    }
}

input:-internal-autofill-selected {
    background-color: var(--lumo-primary-color-10pct);
}


vaadin-form-layout {
    --vaadin-form-layout-column-spacing: var(--lumo-space-m);
}

vaadin-dialog-overlay::part(header) {
    padding: var(--lumo-space-s);
}

vaadin-dialog-overlay::part(title) {
    font-size: var(--lumo-font-size-l);
}

vaadin-dialog-overlay::part(content) {
    padding: var(--lumo-space-m);
}

vaadin-dialog-overlay:is([has-header], [has-title])::part(content) {
    padding-top: 0;
}

vaadin-upload.upload-without-file-list vaadin-upload-file-list, vaadin-upload.upload-without-file-list slot[name="file-list"] {
    height: 0;
    width: 0;
    visibility: hidden;
}

vaadin-button.button-label-left-align::part(label) {
    text-align: left;
    width: 100%;
}

vaadin-login-form-wrapper::part(form) {
    padding: 0;
}

vaadin-login-form-wrapper::part(form-title) {
    height: 0;
    visibility: hidden;
}


vaadin-tabs {
    vaadin-tab {
        margin: 2px;
        background: var(--lumo-contrast-10pct);
        text-transform: uppercase;
        border: thin solid var(--lumo-contrast-10pct);
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

    vaadin-tab[selected] {
        background: var(--lumo-primary-color);
        color: white;
    }
}

.home-view-tile {
    cursor: pointer;
}

.home-view-tile:hover {
    background: var(--lumo-primary-color-50pct);
}