.toolbarTop{width: 100%;height: 60px;background: var(--alfa-surface-elevated);box-shadow: var(--lumo-box-shadow-s);display: flex;align-items: center;min-width: 600px;z-index: 100}img.alfa-logo{margin-left: var(--lumo-space-l);width: 97px;padding: 10px 0;flex-shrink: 0}.menu-btn-tasks{margin-left: var(--lumo-space-l);height: 40px;border-radius: var(--lumo-border-radius-m);font-weight: 600;font-size: var(--lumo-font-size-s);flex-shrink: 0}.navbar-toolbarContainer{display: flex;align-items: center;margin-left: var(--lumo-space-l);flex-grow: 1}.settingMenu{background: transparent;color: var(--lumo-body-text-color);font-weight: 400;margin-right: var(--lumo-space-l);flex-shrink: 0}.topBar-toolbarMenuButton{height: 40px;width: 48px;font-size: 24px;background: transparent;color: var(--lumo-secondary-text-color);border: none;cursor: pointer;border-radius: var(--lumo-border-radius-s);transition: background 0.15s ease}.topBar-toolbarMenuButton:hover{background: var(--lumo-contrast-5pct)}.sidebar-mainLayout{padding: var(--lumo-space-s)}.drawer-button{width: 100%;justify-content: flex-start;margin-bottom: var(--lumo-space-xs);border-radius: var(--lumo-border-radius-s)}.task-view,.admin-view{background: var(--alfa-surface-page);padding: 0;margin: 0;width: 100% !important;height: 100% !important}.application-header{background: var(--alfa-surface-elevated);border-bottom: 1px solid var(--alfa-border-subtle)}.task-list-view-grid{margin-top: var(--lumo-space-l);width: 100%;height: 100%;padding: var(--lumo-space-xs)}.admin-view-container{margin-top: var(--lumo-space-l);width: 100%;height: 100%;padding: var(--lumo-space-xs)}.admin-view-containerForm{height: 30% !important;background: var(--alfa-surface-elevated);box-shadow: var(--lumo-box-shadow-s);border-radius: var(--lumo-border-radius-m);margin-top: var(--lumo-space-l);margin-bottom: var(--lumo-space-l);padding: var(--lumo-space-m)}.TaskDetailView,.task-versioning-view{padding-top: var(--lumo-space-l);background: var(--alfa-surface-page)}.taskdetailview-primray{display: flex;flex-direction: column}.taskdetailview-secondary{margin-left: var(--lumo-space-l)}.taskdetailview-tertiary{width: 100%;height: 100%;min-width: 20em;background: var(--alfa-surface-elevated);box-shadow: var(--lumo-box-shadow-s);border-radius: var(--lumo-border-radius-m);margin-left: var(--lumo-space-l)}.task-edit-view{height: 60% !important;background: var(--alfa-surface-elevated);box-shadow: var(--lumo-box-shadow-s);border-radius: var(--lumo-border-radius-m)}.taskEditView-previewContainer{height: 99%;width: 100%}.taskeditview-preview{height: inherit !important;width: inherit !important;object-fit: contain}.uploadContainer{background: var(--alfa-surface-elevated);box-shadow: var(--lumo-box-shadow-s);border-radius: var(--lumo-border-radius-m);width: 370px !important;padding-bottom: var(--lumo-space-m)}.task-edit-portlet{box-shadow: var(--lumo-box-shadow-s);border-radius: var(--lumo-border-radius-m);background: var(--alfa-surface-elevated);margin-bottom: var(--lumo-space-l)}.task-edit-portlet:last-child{flex-grow: 1;padding-bottom: 0;margin-bottom: 0}.task-versioning-view .task-edit-portlet:last-child{margin-left: var(--lumo-space-l);margin-right: var(--lumo-space-l)}.task-edit-portlet-title-container{border-bottom: 1px solid var(--lumo-contrast-10pct);height: 42px;display: flex;align-items: center;padding: 0 var(--lumo-space-l)}.task-edit-portlet-title{font-size: var(--lumo-font-size-s);font-weight: 600;letter-spacing: 0.05em;color: var(--lumo-secondary-text-color);text-transform: uppercase}.task-edit-portlet-pnlMain{padding: var(--lumo-space-s) var(--lumo-space-m) !important}.task-edit-portlet-pnlMain vaadin-horizontal-layout{gap: var(--lumo-space-s)}.task-edit-portlet vaadin-upload{border: 2px dashed var(--lumo-contrast-20pct);border-radius: var(--lumo-border-radius-m);padding: var(--lumo-space-s);background: var(--lumo-contrast-5pct);transition: border-color 0.15s ease}.task-edit-portlet vaadin-upload:hover{border-color: var(--lumo-primary-color-50pct)}.task-edit-portlet vaadin-upload vaadin-button{margin: 0}.documents-title-container{height: 42px;width: 100%;border-bottom: 1px solid var(--lumo-contrast-10pct);display: flex;align-items: center;padding: 0 var(--lumo-space-l)}.documents-title{font-size: var(--lumo-font-size-s);font-weight: 600;letter-spacing: 0.03em;color: var(--lumo-secondary-text-color);text-transform: uppercase}.task-detail-infoLine{width: 100%;align-items: center;padding: 3px 0;gap: var(--lumo-space-s);min-height: 28px;flex-wrap: nowrap}.task-detail-infoLine-compRight{max-width: 200px;text-align: left;font-size: var(--lumo-font-size-s);color: var(--lumo-body-text-color);flex-shrink: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.task-detail-infoLine-compleft{color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-xs);font-weight: 500;min-width: 90px;flex-shrink: 0}.task-detail-infoLine vaadin-button{min-width: 24px;width: 24px;height: 24px;padding: 0;margin: 0;color: var(--lumo-tertiary-text-color);flex-shrink: 0}.task-detail-infoLine vaadin-button:hover{color: var(--lumo-primary-text-color)}.headerToolbar label{font-size: var(--lumo-font-size-s);color: var(--lumo-secondary-text-color);text-transform: uppercase;letter-spacing: 0.03em;font-weight: 600}.colTitleContainer-field{clear: both;display: block}.colStatusContainer *{padding: var(--lumo-space-xs)}.colStatusContainer>label{text-transform: capitalize}.previewContainer{height: 370px !important;width: 370px !important;padding-bottom: var(--lumo-space-m)}.previewTitle{border-bottom: 1px solid var(--lumo-contrast-10pct);border-top: 1px solid var(--lumo-contrast-10pct);display: flex;align-items: center;font-size: var(--lumo-font-size-xs);font-weight: 600;letter-spacing: 0.03em;color: var(--lumo-secondary-text-color);text-transform: uppercase;margin-bottom: var(--lumo-space-m);height: 38px !important}label.preview-title{display: block;padding-left: var(--lumo-space-m);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}img.container-file-preview{height: 265px;width: inherit;object-fit: contain;display: block;margin-left: auto;margin-right: auto}img.task-gridview-preview{object-fit: contain}.task-document-view-downloadLink>.download-link-button{color: var(--lumo-secondary-text-color);align-items: center;margin-right: var(--lumo-space-l);cursor: pointer}.indesign-view-container{background: var(--alfa-surface-elevated);box-shadow: var(--lumo-box-shadow-s);border-radius: var(--lumo-border-radius-m);margin-top: var(--lumo-space-l);padding: var(--lumo-space-m)}.versioning-container{display: flex;flex-direction: row;flex-wrap: wrap}.versioning-container>.versioning-preview{flex: 1 0;height: 45%;padding: var(--lumo-space-m);margin: var(--lumo-space-l);background: var(--alfa-surface-elevated);box-shadow: var(--lumo-box-shadow-s);border-radius: var(--lumo-border-radius-m)}.versioning-container>.versioning-rail-preview{flex: 0 1 100%;height: 45%;background: var(--alfa-surface-elevated);box-shadow: var(--lumo-box-shadow-s);border-radius: var(--lumo-border-radius-m)}.versioning-btnBack{margin-top: var(--lumo-space-m)}.actual-container{height: 85% !important}.preview-bottom{float: left;height: 75%;border: 1px solid var(--lumo-contrast-10pct);cursor: pointer;border-radius: var(--lumo-border-radius-s);transition: border-color 0.15s ease}.preview-bottom:hover{border: 2px solid var(--lumo-primary-color)}.meta-info{padding-left: var(--lumo-space-xs);font-size: var(--lumo-font-size-xxs)}.versionno,.versiondate,.versionuser{display: block;text-align: center}.pnlRightPreview{height: 100%}.versioninfo{position: relative;background: var(--lumo-contrast-5pct);padding: var(--lumo-space-m);border-radius: var(--lumo-border-radius-s)}.versioninfo label{display: block;font-size: var(--lumo-font-size-xxs)}.gallery-bottom{overflow: auto;width: 100%;height: 100%}.slide-tab{position: fixed;top: 60px;height: calc(100vh - 60px);z-index: 50;transition: transform 0.3s ease;background: var(--alfa-surface-elevated);box-shadow: var(--lumo-box-shadow-l)}.slide-tab-left{left: 0;transform: translateX(-100%)}.slide-tab-right{right: 0;transform: translateX(100%)}.slide-tab.open.slide-tab-left{transform: translateX(0)}.slide-tab.open.slide-tab-right{transform: translateX(0)}.slide-tab-toggle{position: absolute;top: 50%;transform: translateY(-50%);z-index: 51;background: var(--alfa-surface-elevated);box-shadow: var(--lumo-box-shadow-s);border-radius: var(--lumo-border-radius-s);cursor: pointer;width: 24px;height: 48px;display: flex;align-items: center;justify-content: center}.slide-tab-left .slide-tab-toggle{right: -24px}.slide-tab-right .slide-tab-toggle{left: -24px}.slide-tab-button{cursor: pointer;background: transparent;border: none;color: var(--lumo-secondary-text-color)}.slide-tab-caption{padding: var(--lumo-space-s);font-weight: 600;color: var(--lumo-header-text-color);border-bottom: 1px solid var(--lumo-contrast-10pct)}.slide-tab-content{padding: var(--lumo-space-s);overflow-y: auto;height: calc(100% - 50px)}.container-gallery-content{border: 1px solid var(--lumo-contrast-10pct);border-radius: var(--lumo-border-radius-s);padding: var(--lumo-space-xs);transition: border-color 0.15s ease,box-shadow 0.15s ease;cursor: pointer}.container-gallery-content:hover{border-color: var(--lumo-primary-color-50pct);box-shadow: var(--lumo-box-shadow-xs)}.container-gallery-content-selected{border-color: var(--lumo-primary-color);box-shadow: 0 0 0 1px var(--lumo-primary-color)}.container-gallery-content-main{display: flex;flex-direction: column;align-items: center}.container-content-label{font-size: var(--lumo-font-size-xs);color: var(--lumo-body-text-color);text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 100%}.container-gallery-bottom{display: flex;align-items: center;gap: var(--lumo-space-xs);padding-top: var(--lumo-space-xs);border-top: 1px solid var(--lumo-contrast-5pct)}.container-gallery-content-btnback{margin-bottom: var(--lumo-space-s)}.container-gallery-content-title{font-weight: 600;font-size: var(--lumo-font-size-m);color: var(--lumo-header-text-color)}.container-gallery-content-toolbar{display: flex;align-items: center;gap: var(--lumo-space-s);margin-bottom: var(--lumo-space-s)}.tree-tool-bar{display: flex;align-items: center;gap: var(--lumo-space-xs);padding: var(--lumo-space-xs);border-bottom: 1px solid var(--lumo-contrast-10pct)}.timeline{padding: var(--lumo-space-m)}.timeline-wrapper{position: relative;padding-left: var(--lumo-space-xl)}.timeline-wrapper::before{content: '';position: absolute;left: 12px;top: 0;bottom: 0;width: 2px;background: var(--lumo-contrast-20pct)}.timeline-event{position: relative;margin-bottom: var(--lumo-space-l)}.timeline-event::before{content: '';position: absolute;left: calc(-1 * var(--lumo-space-xl) + 8px);top: 6px;width: 10px;height: 10px;border-radius: 50%;background: var(--lumo-primary-color);border: 2px solid var(--alfa-surface-elevated)}.timeline-date{font-size: var(--lumo-font-size-xs);color: var(--lumo-secondary-text-color);font-weight: 500}.timeline-text{font-size: var(--lumo-font-size-s);color: var(--lumo-body-text-color);margin-top: var(--lumo-space-xs)}.createx-version{font-size: var(--lumo-font-size-xs);color: var(--lumo-tertiary-text-color)}@media (min-width: 1400px){.task-list-view-grid,.admin-view-container,.TaskDetailView,.versioning-container{margin-left: 70px;margin-right: 70px;max-width: 1240px}.taskdetailview-tertiary{width: auto}.task-edit-portlet{width: 355px}}@media (min-width: 1600px){.task-list-view-grid,.admin-view-container,.TaskDetailView,.versioning-container{margin-left: 100px;margin-right: 100px;max-width: 1600px}.task-edit-portlet{width: 395px}.taskdetailview-tertiary{width: auto;min-width: 370px}}@media (min-width: 1900px){.task-list-view-grid,.admin-view-container,.TaskDetailView,.versioning-container{margin-left: 140px;margin-right: 140px;max-width: 1640px}.task-edit-portlet{width: 395px}.taskdetailview-tertiary{width: 559px}}@media (min-width: 1357px){.alfa-slide-tab{visibility: hidden}.taskdetailview-tertiary{width: auto}.taskdetail-pnlMain>.taskdetailview-tertiary{display: block}}@media (max-width: 1356px){.alfa-slide-tab{visibility: visible}.task-edit-portlet{width: 375px}.taskdetailview-tertiary{width: auto;margin-left: 0;border-radius: 0;min-width: 370px}.taskdetail-pnlMain>.taskdetailview-tertiary{display: none}}@media (min-width: 801px){.alfa-slide-tab-primary{visibility: hidden}}@media (max-width: 800px){.alfa-slide-tab-primary{visibility: visible}.taskdetailview-primray{background: var(--alfa-surface-elevated);height: 100%;overflow: auto;padding: 0;margin: 0;display: block;width: 405px}.task-edit-portlet{width: auto;padding: 2px;margin: 2px;border-radius: 0}.taskdetail-pnlMain>.taskdetailview-primray{display: none}}@media (max-width: 600px){.indesign-view-container{width: 300px !important}}