.titlebar.gradient.green{
    position:relative;
    z-index:3;
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.titlebar.gradient.green h1#title{
    width:auto;
}

.terminalTopActions{
    position:relative;
    z-index:30100;
    display:flex;
    align-items:center;
    gap:8px;
    padding-right:14px;
}
.terminalTopActions button.defIcon,
.terminalTopActions button.helpIcon,
.terminalTopActions button.notifications,
.terminalTopActions button.settings{
    width:32px;
    height:32px;
    padding:0;
    margin:0;
    border:none !important;
    background:transparent !important;
    opacity:1;
    cursor:pointer;
}

.terminalTopActions button:hover,
.terminalTopActions button:target,
.terminalTopActions button.active{
    background:transparent !important;
    opacity:1;
}

.titlebar.gradient.green div#notifications.panel,
.titlebar.gradient.green div#settings.functions.supported{
    position:absolute;
    top:44px;
    right:12px;
    z-index:30200;
}

@media(max-width:768px){
    .titlebar.gradient.green{
        position:fixed;
        top:0;
        left:0;
        width:100%;
        height:50px;
        z-index:30000;
        border-radius:0;
    }

    .terminalTopActions{
        padding-right:10px;
    }

    .terminalTopActions button.helpIcon,
    .terminalTopActions button.notifications,
    .terminalTopActions button.settings{
        width:28px;
        height:28px;
    }

    .titlebar.gradient.green div#notifications.panel,
    .titlebar.gradient.green div#settings.functions.supported{
        position:fixed !important;
        top:52px;
        right:10px;
        left:auto;
        z-index:30200 !important;
    }
}