.pimcore_material_icon_planner {
    filter: invert(100%);
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M152 24c0-13.3-10.7-24-24-24s-24 10.7-24 24V64H64C28.7 64 0 92.7 0 128v16 48V448c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V192 144 128c0-35.3-28.7-64-64-64H344V24c0-13.3-10.7-24-24-24s-24 10.7-24 24V64H152V24zM48 192h80v56H48V192zm0 104h80v64H48V296zm128 0h96v64H176V296zm144 0h80v64H320V296zm80-48H320V192h80v56zm0 160v40c0 8.8-7.2 16-16 16H320V408h80zm-128 0v56H176V408h96zm-144 0v56H64c-8.8 0-16-7.2-16-16V408h80zM272 248H176V192h96v56z"/></svg>') center center no-repeat;
}

.pimcore_main_toolbar + .x-panel > .x-panel-bodyWrap > .x-tab-bar-default .x-tab.x-tab-active .pimcore_material_icon.pimcore_material_icon_planner {
    filter: invert(0);
}

.market-select .x-tagfield-input,
.market-select .x-tagfield-input input {
    display: block;
    height: 0;
    line-height: 0;
    margin: 0;
    overflow: hidden;
    visibility: hidden;
}

/*
 * Planner summary (visible on the right)
 *
 * Because Pimcore's ExtJS everything positions using relative/absolute
 * We need to partially set values in JS, and tune them a little here by CSS.
 */
.planner-summary,
.planner-summary-popup  {
    --planner-summary-color: #848DA0;
    --planner-summary-border: 1px solid #C6C9D2;
    --planner-summary-hover-bg-color: #EEEFF2;
    --planner-summary-hover-radius: 8px;
    --planner-summary-hover-box-shadow: 2px 2px 8px 0px rgba(80, 86, 102, 0.35);
    --planner-summary-hover-font: 300 13px/17px 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
}
.planner-summary-item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;

  border-right: var(--planner-summary-border);
  padding-left: 6px;
  padding-right: 6px;
}
.planner-summary-item:first-child {
    padding-left: 0;
}
.planner-summary-item:last-child {
    border-right: 0;
    padding-right: 0;
}
.planner-summary .summary-row {
  border-bottom: var(--planner-summary-border);
  padding-bottom: 6px;
  padding-top: 6px;
}
.planner-summary .summary-row:last-child {
    border-bottom: none;
}
.planner-summary-item .x-form-item-label {
    flex-shrink: 0;
}
.planner-summary-item .x-form-item-body {
  overflow: hidden;
}

.planner-summary-item .x-form-item-label,
.planner-summary-item .x-form-display-field {
    min-height: 24px;
    height: 24px;
    margin-top: 0;
    padding-top: 0;
}

.planner-summary-popup {
    font: var(--planner-summary-hover-font);
    background-color: var(--planner-summary-hover-bg-color);
    border-radius: var(--planner-summary-hover-radius);
    box-shadow: var(--planner-summary-hover-box-shadow);
}
#pimcore_panel_tabs-body .planner-summary .x-box-target > *,
#pimcore_panel_tabs-body .x-box-target > .planner-summary {
    background: transparent;
}

.planner-summary .x-form-display-field,
.planner-summary-popup .x-form-display-field {
    font-weight: 500;
}
.planner-summary-popup .summary-row {
    background-color: transparent,
}

.planner-summary .planner-summary-item {

}

.planner-summary .x-form-display-field {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}