Work. Compact top panel by OleksKh

/* ==UserStyle==
@name       Work. Compact top panel
@version    20240120.01.18
@namespace  ?
==/UserStyle== */

@-moz-document domain("work.creatio.com") {
/* Making the top panel visible only on hover */
body[center-container-expanded='false'] crt-flex#ShellHeader:hover {
    height: 56px!important;
    opacity: 1!important;
}

body[center-container-expanded='false'] crt-flex#ShellHeader {
    height: 8px!important;
}

body[center-container-expanded='false'] .content-schema crt-flex#CenterContainer crt-router-outlet .crt-schema-outlet,
body[center-container-expanded='false'] crt-toggle-container > .crt-toggle-container.right-panel-container,
body[center-container-expanded='false'] crt-tab-panel > .crt-toggle-container.right-panel-container,
body[center-container-expanded='false'] crt-tab-panel-static > .crt-toggle-container.right-panel-container {
    height: calc(100vh - 8px);
}

body[center-container-expanded='false'] {
    overflow-y: hidden!important;
}


body[center-container-expanded='false'] .container-padding-top-large#MainHeader {
    padding-top: 4px!important;
    padding-left: 10px!important;
    padding-right: 10px!important;
    padding-bottom: 2px!important;
    gap: 2px;
}

body[center-container-expanded='false'] .expand-button {
    display: none;
}

body[center-container-expanded='false'] #MainFilterContainer {
    padding-top: 0px
}

body[center-container-expanded='false'] #LeftFilterContainer {
    padding-left: 5px;
}

body[center-container-expanded='false'] #RightFilterContainer {
    padding-right: 5px!important;
}

body[center-container-expanded='false'] #FolderTree {
    margin-left: -12px;
}
}