@import "theme-editor.css";
@import url('./main-layout.css');
@import url('./views/s-dkp-view.css');
@import url('./views/laboratoria-view.css');

:root {
    --drawer-min: 200px;
    --drawer-max: 320px;
    --drawer-ch: 22ch;
    --drawer-pad: 40px;
    --vaadin-app-layout-drawer-width: clamp(
            var(--drawer-min),
            calc(var(--drawer-ch) + var(--drawer-pad)),
            var(--drawer-max)
    );
}

@media (max-width: 480px) {
    :root { --vaadin-app-layout-drawer-width: 85vw; }
}

vaadin-side-nav-item::part(label) {
    white-space: normal;
    overflow-wrap: anywhere;
    text-overflow: clip;
    overflow: visible;
}

vaadin-side-nav-item::part(link)[aria-current="page"] {
    font-weight: 700;
    text-decoration: underline;
}

vaadin-tab[selected] {
    font-weight: 700;
    text-decoration: underline;
}

:root {
    --lumo-font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue",
    Ubuntu, Cantarell, "Noto Sans", Arial, "Apple Color Emoji", "Segoe UI Emoji";
    --lumo-font-size-m: 1.02rem;
    --lumo-line-height-m: 1.25;
}