.plima-page{box-sizing: border-box;width: 100%;min-height: 100%;max-width: var(--plima-page-max-wide);margin-inline: auto;padding: var(--plima-page-padding);gap: var(--plima-page-gap);align-items: stretch}.plima-page--reading{max-width: var(--plima-page-max-reading)}.plima-page--form{max-width: var(--plima-page-max-form)}.plima-page--prose{max-width: calc(var(--plima-page-measure-prose) + 2 * var(--plima-page-padding))}.plima-page--full{max-width: none}.plima-page>*{min-width: 0;max-width: 100%}.plima-page-rail{box-sizing: border-box;width: 100%;max-width: var(--plima-page-max-wide);margin-inline: auto;padding-inline: var(--plima-page-padding)}.plima-page vaadin-tabsheet::part(content){--tabsheet-shadow-room: var(--lumo-space-m);padding: var(--tabsheet-shadow-room);margin: calc(-1 * var(--tabsheet-shadow-room));--vaadin-scroller-padding-block: var(--tabsheet-shadow-room);--vaadin-scroller-padding-inline: var(--tabsheet-shadow-room)}.plima-page vaadin-tabsheet>vaadin-tabs{margin-inline: 0}.plima-card,.dashboard-widget,.summary-card,.survey-card,.survey-response-card,.survey-question-card,.survey-config-card,.survey-preview-card,.quick-action-card{box-sizing: border-box;background: var(--plima-card-background);border: var(--plima-card-border);border-radius: var(--plima-card-radius);box-shadow: var(--plima-card-shadow)}.plima-card{padding: var(--lumo-space-l)}.quick-action-card:hover{background: var(--plima-card-header-background)}.survey-card--clickable{cursor: pointer;transition: background-color var(--plima-duration-instant) var(--plima-ease-standard),border-color var(--plima-duration-instant) var(--plima-ease-standard)}.survey-card--clickable:hover,.survey-card--clickable:focus-visible{background: var(--plima-card-header-background);border-color: var(--lumo-primary-color)}.survey-card--clickable:focus-visible{outline: var(--plima-focus-ring-width) solid var(--plima-focus-ring-color);outline-offset: var(--plima-focus-ring-width)}.plima-card--sectioned{display: flex;flex-direction: column;padding: 0;overflow: hidden}.plima-card__header{display: flex;align-items: center;gap: var(--lumo-space-s);padding: var(--lumo-space-m) var(--lumo-space-l);background: var(--plima-card-header-background);border-bottom: var(--plima-border-width) solid var(--lumo-contrast-10pct)}.dashboard-widget-header{background: var(--plima-card-header-background);border-bottom: var(--plima-border-width) solid var(--lumo-contrast-10pct)}.plima-card__icon{display: flex;align-items: center;justify-content: center;flex: none;width: var(--lumo-size-s);height: var(--lumo-size-s);border-radius: var(--lumo-border-radius-m);background: var(--lumo-primary-color-10pct);color: var(--lumo-primary-text-color)}.plima-card__icon svg,.plima-card__icon vaadin-icon{width: 1.1rem;height: 1.1rem}.plima-card__body{padding: var(--lumo-space-l);flex: 1}.plima-card__title{margin: 0 0 var(--lumo-space-m);font-size: var(--lumo-font-size-l);font-weight: var(--plima-font-weight-semibold)}.plima-card__header .plima-card__title{margin: 0;font-size: var(--lumo-font-size-m)}.plima-card--hero{display: flex;align-items: center;flex-wrap: wrap;gap: var(--lumo-space-m) var(--lumo-space-l);padding: var(--lumo-space-m) var(--lumo-space-l);background: linear-gradient(135deg,var(--lumo-primary-color-10pct),var(--lumo-base-color) 70%)}.plima-hero__avatar{display: flex;flex: none}.plima-hero__identity{display: flex;flex-direction: column;gap: var(--lumo-space-xs);flex: 1 1 12rem;min-width: 0}.plima-hero__meta{display: flex;align-items: center;flex-wrap: wrap;gap: var(--lumo-space-xs) var(--lumo-space-s)}.plima-hero__actions{display: flex;align-items: center;flex: none;margin-inline-start: auto}.plima-card-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(min(100%,480px),1fr));gap: var(--plima-page-gap);align-items: stretch}.plima-card-grid>.plima-card--wide{grid-column: 1 / -1}.plima-group-title{margin: var(--lumo-space-s) 0 0;font-size: var(--lumo-font-size-xs);font-weight: var(--plima-font-weight-semibold);letter-spacing: var(--plima-letter-spacing-m);text-transform: uppercase;color: var(--lumo-secondary-text-color)}.plima-field-grid{--vaadin-form-layout-column-spacing: var(--lumo-space-xl);--vaadin-form-layout-row-spacing: var(--lumo-space-m)}.plima-contact-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(min(100%,300px),1fr));gap: var(--lumo-space-s);align-items: start}.plima-contact-grid__full{grid-column: 1 / -1}.plima-field{display: flex;flex-direction: column;gap: var(--lumo-space-xs);min-width: 0}.plima-field__label{display: flex;align-items: center;gap: var(--lumo-space-xs);font-size: var(--lumo-font-size-s);font-weight: var(--plima-font-weight-medium);color: var(--lumo-secondary-text-color)}.plima-field__label svg,.plima-field__label vaadin-icon{flex: none;width: 1rem;height: 1rem;color: var(--lumo-primary-text-color)}.plima-field__value{font-weight: var(--plima-font-weight-medium);overflow-wrap: anywhere;white-space: pre-line}@media (max-width: 768px){.plima-card{padding: var(--lumo-space-m)}.plima-card--hero{padding: var(--lumo-space-m)}.plima-hero__actions{margin-inline-start: 0}.plima-card--sectioned{padding: 0}.plima-card__header{padding: var(--lumo-space-s) var(--lumo-space-m)}.plima-card__body{padding: var(--lumo-space-m)}}.plima-toolbar,.responsive-toolbar{box-sizing: border-box;flex-wrap: wrap;align-items: center;gap: var(--lumo-space-s)}@media (max-width: 1024px){.plima-toolbar :is(vaadin-text-field,vaadin-email-field,vaadin-number-field,vaadin-combo-box,vaadin-multi-select-combo-box,vaadin-select,vaadin-date-picker,vaadin-time-picker,vaadin-date-time-picker),.responsive-toolbar :is(vaadin-text-field,vaadin-email-field,vaadin-number-field,vaadin-combo-box,vaadin-multi-select-combo-box,vaadin-select,vaadin-date-picker,vaadin-time-picker,vaadin-date-time-picker){width: auto !important;min-width: 0 !important;flex: 1 1 220px}}.plima-tab-bar{overflow-x: auto;scrollbar-width: none;-webkit-overflow-scrolling: touch}.plima-tab-bar::-webkit-scrollbar{display: none}.plima-tab-bar{box-shadow: none}.plima-tab-bar::part(tabs){padding: 0;gap: var(--lumo-space-xs)}.plima-tab-bar vaadin-tab{padding-inline: var(--lumo-space-m)}.plima-tab-bar vaadin-tab:first-of-type{margin-inline-start: calc(-1 * var(--lumo-space-m))}@media (max-width: 768px){.plima-tab-bar vaadin-tab:first-of-type{margin-inline-start: 0}}vaadin-dialog-overlay::part(overlay),vaadin-confirm-dialog-overlay::part(overlay){max-width: calc(100vw - var(--lumo-space-m) * 2);max-height: calc(100dvh - var(--lumo-space-m) * 2)}@media (max-width: 768px){vaadin-dialog-overlay::part(overlay),vaadin-confirm-dialog-overlay::part(overlay){width: 100vw;max-width: 100vw;border-radius: 0}}.plima-page vaadin-grid{min-width: 0;min-height: 0}vaadin-grid:not([theme~="no-border"]){border: var(--plima-card-border);border-radius: var(--plima-card-radius);box-shadow: var(--plima-card-shadow);overflow: hidden}:is(.plima-card,.dashboard-widget,vaadin-dialog-overlay,vaadin-confirm-dialog-overlay) vaadin-grid{box-shadow: none}:is(.plima-card,.dashboard-widget) vaadin-grid{border: none;border-radius: 0}vaadin-grid::part(header-cell){background: linear-gradient(var(--plima-card-header-background),var(--plima-card-header-background)),var(--lumo-base-color);color: var(--lumo-secondary-text-color);font-weight: var(--plima-font-weight-semibold)}@media (max-width: 768px){vaadin-grid{--vaadin-grid-cell-padding: var(--lumo-space-xs) var(--lumo-space-s)}}.task-list{display: flex;flex-direction: column;gap: var(--plima-page-gap)}.task-category-title{margin-top: var(--lumo-space-s)}.task-list>.task-category-title:first-child{margin-top: 0}.task-list__empty{padding: var(--lumo-space-l);text-align: center;color: var(--lumo-secondary-text-color)}.task-filters{margin-bottom: var(--lumo-space-s)}vaadin-tabs.task-filters{box-shadow: none;--_lumo-tab-marker-display: none}vaadin-tabs.task-filters::part(tabs){gap: var(--lumo-space-s)}vaadin-tabs.task-filters vaadin-tab{padding: var(--lumo-space-xs) var(--lumo-space-s);border: var(--plima-border-width) solid var(--plima-border-color-subtle);border-radius: var(--plima-radius-pill);background: var(--plima-surface-base);color: var(--plima-text-secondary)}vaadin-tabs.task-filters vaadin-tab::before,vaadin-tabs.task-filters vaadin-tab::after{display: none}vaadin-tabs.task-filters vaadin-tab:hover{background: var(--plima-surface-band);color: var(--plima-text-body)}vaadin-tabs.task-filters vaadin-tab[selected]{background: var(--plima-color-primary-soft);border-color: var(--plima-color-primary);color: var(--plima-color-primary-text)}.task-filters__label{display: flex;align-items: center;gap: var(--lumo-space-s)}.task-section__header{cursor: pointer;user-select: none;transition: background-color var(--plima-duration-instant) var(--plima-ease-standard)}.task-section__header:hover{background: var(--lumo-contrast-10pct)}.task-section__header:focus-visible{outline: var(--plima-focus-ring-width) solid var(--plima-focus-ring-color);outline-offset: calc(-1 * var(--plima-focus-ring-width))}.task-section__header>:last-child{margin-inline-start: auto}.task-section__toggle{flex: none;width: 1rem;height: 1rem;color: var(--lumo-secondary-text-color);transform: rotate(90deg);transition: transform var(--plima-duration-fast) var(--plima-ease-standard)}.task-section--collapsed .task-section__toggle{transform: rotate(0deg)}.task-section__body{display: grid;grid-template-rows: 1fr;transition: grid-template-rows var(--plima-duration-base) var(--plima-ease-standard)}.task-section--collapsed .task-section__body{grid-template-rows: 0fr}.task-section__rows{display: flex;flex-direction: column;min-height: 0;overflow: hidden;visibility: visible;transition: visibility 0s linear 0s}.task-section--collapsed .task-section__rows{visibility: hidden;transition: visibility 0s linear var(--plima-duration-base)}.task-row{position: relative;display: flex;align-items: center;gap: var(--lumo-space-m);padding: var(--lumo-space-s) var(--lumo-space-m);border-bottom: var(--plima-border-width) solid var(--lumo-contrast-10pct);border-inline-start: var(--plima-border-width-accent) solid transparent;transition: background-color var(--plima-duration-instant) var(--plima-ease-standard)}.task-row:last-child{border-bottom: none}.task-row:hover,.task-row:focus-within{background: var(--lumo-contrast-5pct)}.task-row:focus-within{outline: var(--plima-focus-ring-width) solid var(--plima-focus-ring-color);outline-offset: calc(-1 * var(--plima-focus-ring-width))}.task-row--overdue{border-inline-start-color: var(--lumo-error-color)}.task-row__lead{display: flex;align-items: center;justify-content: center;flex: none;width: var(--lumo-size-s)}.task-row__icon{display: flex;align-items: center;justify-content: center;width: var(--lumo-size-s);height: var(--lumo-size-s);border-radius: var(--lumo-border-radius-m);background: color-mix(in srgb,var(--task-accent) 14%,transparent);color: var(--task-accent)}.task-row__icon svg,.task-row__icon vaadin-icon{width: 1.1rem;height: 1.1rem}.task-row__icon--onboarding{--task-accent: var(--plima-task-accent-onboarding)}.task-row__icon--reviews{--task-accent: var(--plima-task-accent-reviews)}.task-row__icon--feedback{--task-accent: var(--plima-task-accent-feedback)}.task-row__icon--documents{--task-accent: var(--plima-task-accent-documents)}.task-row__icon--training{--task-accent: var(--plima-task-accent-training)}.task-row__icon--timeoff{--task-accent: var(--plima-task-accent-timeoff)}.task-row__main{display: flex;flex-direction: column;gap: var(--lumo-space-xs);flex: 1;min-width: 0}.task-row__link{color: inherit;font-weight: var(--plima-font-weight-medium);text-decoration: none;overflow-wrap: anywhere}.task-row__link::after{content: "";position: absolute;inset: 0}.task-row__title{font-weight: var(--plima-font-weight-medium)}.task-row__context{font-size: var(--lumo-font-size-s);color: var(--lumo-secondary-text-color);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.task-row__meta{display: flex;align-items: center;gap: var(--lumo-space-xs);flex: none}.task-row__actions{display: flex;align-items: center;gap: var(--lumo-space-xs)}.task-row__actions:empty{display: none}.task-row :is(vaadin-checkbox,vaadin-button,vaadin-menu-bar,.task-row__due){position: relative;z-index: 1}.task-row__chevron,.task-row__actions{opacity: 0.35;transition: opacity var(--plima-duration-instant) var(--plima-ease-standard)}.task-row:hover .task-row__chevron,.task-row:focus-within .task-row__chevron,.task-row:hover .task-row__actions,.task-row:focus-within .task-row__actions{opacity: 1}.task-row__chevron{flex: none;width: 1rem;height: 1rem;color: var(--lumo-tertiary-text-color)}@media (hover: none){.task-row__chevron,.task-row__actions{opacity: 1}}@media (max-width: 768px){.task-row{flex-wrap: wrap;row-gap: var(--lumo-space-xs)}.task-row__main{flex: 1 1 100%;order: 1}.task-row__meta{order: 2;margin-inline-start: calc(var(--lumo-size-s) + var(--lumo-space-m))}.task-row__actions{order: 3;margin-inline-start: auto}.task-row__chevron{display: none}}.checklist-card__header{flex-wrap: wrap;column-gap: var(--lumo-space-l);row-gap: var(--lumo-space-m);padding-block: var(--lumo-space-m)}.checklist-card__title-block{display: flex;flex-direction: column;gap: var(--lumo-space-xs);flex: 1;min-width: 0}.checklist-card__name-row{display: flex;align-items: center;gap: var(--lumo-space-m);flex-wrap: wrap}.checklist-card__assigned{font-size: var(--lumo-font-size-s);color: var(--lumo-secondary-text-color)}.checklist-card__state{display: flex;align-items: center;gap: var(--lumo-space-m);flex: none}.checklist-card__progress{width: 160px}.checklist-task__description{font-size: var(--lumo-font-size-s);color: var(--lumo-secondary-text-color);white-space: normal;overflow-wrap: anywhere}.checklist-task--done .task-row__title{color: var(--lumo-secondary-text-color);text-decoration: line-through}.checklist-task--done .task-row__icon{opacity: 0.6}.checklist-task--just-done .task-row__title{animation: checklist-task-settle var(--plima-duration-medium) var(--plima-ease-standard) backwards}@keyframes checklist-task-settle{from{color: var(--lumo-body-text-color);text-decoration-color: transparent}}@property --vaadin-progress-value{syntax: "<number>";inherits: true;initial-value: 0}.checklist-card__progress--filling{animation: checklist-progress-fill var(--plima-duration-medium) var(--plima-ease-out) backwards}@keyframes checklist-progress-fill{from{--vaadin-progress-value: var(--checklist-progress-from)}}.task-row .checklist-task__actions{opacity: 1;flex-wrap: wrap;justify-content: flex-end}.checklist-task__file{font-size: var(--lumo-font-size-s);max-width: 16rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.checklist-comments{padding: var(--lumo-space-xs) var(--lumo-space-m) var(--lumo-space-s);background: var(--lumo-contrast-5pct)}.checklist-comments::part(summary){padding-inline: 0}.checklist-comments::part(content){padding: 0}.checklist-comments__summary{display: flex;align-items: center;gap: var(--lumo-space-xs);font-size: var(--lumo-font-size-s);font-weight: var(--plima-font-weight-semibold)}.checklist-comments__input{box-sizing: border-box;padding-inline-end: var(--lumo-space-m)}.checklist-comments vaadin-message-list{max-height: 18rem;overflow-y: auto}@media (max-width: 768px){.checklist-card__state{flex: 1 1 100%;justify-content: flex-start}.checklist-card__progress{flex: 1;width: auto}.checklist-task__file{max-width: 100%}}.survey-form{gap: var(--lumo-space-l)}.survey-form__header{display: flex;flex-direction: column;align-items: flex-start;gap: var(--lumo-space-xs)}.survey-form__back{margin-inline-start: calc(var(--lumo-space-s) * -1)}.survey-form__title{margin: 0}.survey-form__meta{display: flex;flex-wrap: wrap;gap: var(--lumo-space-s);margin-top: var(--lumo-space-xs)}.survey-form__description{margin: var(--lumo-space-s) 0 0;max-width: 60ch;color: var(--lumo-secondary-text-color)}.survey-progress,.survey-actions{position: sticky;z-index: 2;background: var(--lumo-base-color);--survey-bar-inset: min(var(--lumo-space-m),var(--plima-page-padding))}@supports (animation-timeline: scroll()){.survey-progress{animation: survey-bar-below linear both;animation-timeline: scroll(nearest block)}.survey-actions{animation: survey-bar-above linear both;animation-timeline: scroll(nearest block)}@media (prefers-reduced-motion: reduce){.survey-progress,.survey-actions{animation-duration: auto !important}}}@keyframes survey-bar-below{0%{box-shadow: none;border-radius: 0;padding-inline: 0;margin-inline: 0}2%,100%{box-shadow: var(--plima-shadow-sticky-top);border-radius: var(--plima-card-radius);padding-inline: var(--survey-bar-inset);margin-inline: calc(-1 * var(--survey-bar-inset))}}@keyframes survey-bar-above{0%,98%{box-shadow: var(--plima-shadow-sticky-bottom);border-radius: var(--plima-card-radius);border-top-color: transparent;padding-inline: var(--survey-bar-inset);margin-inline: calc(-1 * var(--survey-bar-inset))}100%{box-shadow: none;border-radius: 0;border-top-color: var(--lumo-contrast-10pct);padding-inline: 0;margin-inline: 0}}.survey-progress{top: 0;display: flex;flex-direction: column;gap: var(--lumo-space-xs);padding: var(--lumo-space-s) 0}.survey-progress__label{font-size: var(--lumo-font-size-s);color: var(--lumo-secondary-text-color)}.survey-questions{display: flex;flex-direction: column;gap: var(--lumo-space-m)}.survey-question{display: flex;flex-direction: column;gap: var(--lumo-space-m);border-inline-start: var(--plima-border-width-accent-l) solid var(--lumo-contrast-20pct);transition: border-color var(--plima-duration-fast) var(--plima-ease-standard)}.survey-question--answered{border-inline-start-color: var(--lumo-success-color)}.survey-question--invalid{border-inline-start-color: var(--lumo-error-color)}.survey-question__heading{display: flex;align-items: flex-start;gap: var(--lumo-space-m)}.survey-question__number{flex: none;display: inline-flex;align-items: center;justify-content: center;width: var(--lumo-size-s);height: var(--lumo-size-s);border-radius: 50%;background: var(--lumo-contrast-10pct);color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-s);font-weight: var(--plima-font-weight-semibold);transition: background-color var(--plima-duration-fast) var(--plima-ease-standard),color var(--plima-duration-fast) var(--plima-ease-standard)}.survey-question--answered .survey-question__number{background: var(--lumo-success-color);color: var(--lumo-success-contrast-color)}.survey-question__text{flex: 0 1 auto;margin: 0;padding-top: calc(var(--lumo-space-xs) / 2);font-size: var(--lumo-font-size-l);font-weight: var(--plima-font-weight-semibold);line-height: var(--lumo-line-height-s);text-align: start}.survey-question__body{display: flex;flex-direction: column;gap: var(--lumo-space-s);padding-inline-start: calc(var(--lumo-size-s) + var(--lumo-space-m))}.survey-question__hint{font-size: var(--lumo-font-size-s);color: var(--lumo-secondary-text-color)}.survey-question__error{padding-inline-start: calc(var(--lumo-size-s) + var(--lumo-space-m));font-size: var(--lumo-font-size-s);font-weight: var(--plima-font-weight-medium);color: var(--lumo-error-text-color);animation: plima-message-in var(--plima-duration-fast) var(--plima-ease-out) backwards}.survey-question--attention{animation: survey-question-attention calc(var(--plima-duration-slow) * 3) var(--plima-ease-standard)}@keyframes survey-question-attention{from{background-color: var(--lumo-error-color-10pct)}}.survey-scale::part(group-field){display: flex;flex-wrap: wrap;gap: var(--lumo-space-xs)}.survey-scale>vaadin-radio-button{position: relative;display: flex;align-items: center;justify-content: center;box-sizing: border-box;min-width: var(--lumo-size-l);height: var(--lumo-size-l);border: var(--plima-border-width) solid var(--lumo-contrast-20pct);border-radius: var(--lumo-border-radius-m);background: var(--lumo-base-color);cursor: pointer;transition: background-color var(--plima-duration-instant) var(--plima-ease-standard),border-color var(--plima-duration-instant) var(--plima-ease-standard),color var(--plima-duration-instant) var(--plima-ease-standard)}.survey-scale>vaadin-radio-button::part(radio){display: none}.survey-scale>vaadin-radio-button>input{position: absolute;inset: 0;width: 100%;height: 100%;margin: 0;opacity: 0;cursor: pointer}.survey-scale>vaadin-radio-button>label{padding: 0;font-weight: var(--plima-font-weight-semibold);pointer-events: none}.survey-scale>vaadin-radio-button:hover:not([disabled]){border-color: var(--lumo-primary-color);background: var(--lumo-primary-color-10pct)}.survey-scale>vaadin-radio-button[checked]{border-color: var(--lumo-primary-color);background: var(--lumo-primary-color);color: var(--lumo-primary-contrast-color)}.survey-scale>vaadin-radio-button[focus-ring]{outline: var(--plima-focus-ring-width) solid var(--plima-focus-ring-color);outline-offset: var(--plima-focus-ring-width)}.survey-scale-block{display: flex;flex-direction: column;gap: var(--lumo-space-xs);align-self: flex-start;max-width: 100%}.survey-scale-labels{display: flex;justify-content: space-between;gap: var(--lumo-space-m);font-size: var(--lumo-font-size-xs);color: var(--lumo-secondary-text-color)}.survey-choices>:is(vaadin-radio-button,vaadin-checkbox){padding: var(--lumo-space-xs) 0}.survey-actions{bottom: 0;display: flex;align-items: center;justify-content: space-between;gap: var(--lumo-space-m);padding: var(--lumo-space-s) 0;border-top: var(--plima-border-width) solid var(--lumo-contrast-10pct)}.survey-actions__buttons{display: flex;align-items: center;gap: var(--lumo-space-s)}@media (max-width: 600px){.survey-question__body,.survey-question__error{padding-inline-start: 0}.survey-scale>vaadin-radio-button{min-width: var(--lumo-size-m);height: var(--lumo-size-m)}}