#actionPanel {
    position: static !important;
}

.action-panels-root {
    height: 100%;
}

.action-panels {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.action-panels > .tab-control {
    background-color: var(--actionpanel-background-color);
}

.action-panels > .tab-control .tab-strip {
    display: flex;
    margin: 0;
    background-color: var(--actionpanel-tab-strip-background-color);
    gap: var(--actionpanel-tab-strip-gap);
}

.action-panels > .tab-control .tab-strip:is(.tab-strip-left, .tab-strip-right) {
    width: var(--actionpanel-tab-strip-size);
    justify-content: flex-start;
    align-items: center;
    padding: var(--actionpanel-tab-strip-gap) 0;
}

.action-panels .tab-item {
    position: relative;
    padding: var(--actionpanel-tab-item-padding);
    border-width: var(--actionpanel-tab-item-border-width);
    border-style: var(--actionpanel-tab-item-border-style);
    border-color: var(--actionpanel-tab-item-border-color);
    border-radius: var(--actionpanel-tab-item-border-radius);
    background-color: var(--actionpanel-tab-item-background-color);
    color: var(--actionpanel-tab-item-icon-color);
}

.action-panels .tab-item:is(:hover, .selected:hover) {
    border-color: var(--actionpanel-tab-item-border-color--hover);
    background-color: var(--actionpanel-tab-item-background-color--hover);
    color: var(--actionpanel-tab-item-icon-color--hover);
}

.action-panels .tab-item:is(:active, .selected:active) {
    border-color: var(--actionpanel-tab-item-border-color--active);
    background-color: var(--actionpanel-tab-item-background-color--active);
    color: var(--actionpanel-tab-item-icon-color--active);
}

.action-panels .tab-item.selected {
    border-color: var(--actionpanel-tab-item-border-color--selected);
    background-color: var(--actionpanel-tab-item-background-color--selected);
    color: var(--actionpanel-tab-item-icon-color--selected);
}

.action-panels .tab-item:is([title^="Search"], [title^="Messages"])::before {
    font-family: var(--font-family--icon);
    font-size: var(--icon-font-size);
}

.action-panels .tab-item[title^="Search"] img {
    display: none;
}

.action-panel {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    height: 100%;
    background-color: var(--actionpanel-background-color);
    color: var(--actionpanel-text-color);
}

.action-panel-titlebar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
    padding: var(--actionpanel-titlebar-padding);
    background-color: var(--actionpanel-titlebar-background-color);
    color: var(--actionpanel-titlebar-text-color);
}

.action-panel-titlebar-text {
    font-family: var(--actionpanel-titlebar-font-family);
    font-size: var(--actionpanel-titlebar-font-size);
    font-weight: var(--actionpanel-titlebar-font-weight);
    font-style: var(--actionpanel-titlebar-font-style);
    font-stretch: var(--actionpanel-titlebar-font-stretch);
    text-align: var(--actionpanel-titlebar-text-align);
    text-transform: var(--actionpanel-titlebar-text-transform);
    line-height: var(--actionpanel-titlebar-line-height);
    letter-spacing: var(--actionpanel-titlebar-letter-spacing);
    word-spacing: var(--actionpanel-titlebar-word-spacing);
}

.action-panel-inner {
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto;
}


/* Print
-------------------------------------------- */

@media print {
    #actionPanel {
        display: none;
    }

    .action-panels-root {
        display: none;
    }
}