/* Custom CSS by Merlin */
/* @import url("Custom.css"); */

/* ============================================================================================== */
/*  GLOBAL SCOPING: Apply ONLY to Login + Guest pages (NOT HostPage / Dashboard)                  */
/* ============================================================================================== */

html:not(.HostPage) {

    /* -------------------------------------------------------------------------- */
    /* Remove ScreenConnect gradient backgrounds                                  */
    /* -------------------------------------------------------------------------- */
    body,
    .MainPanel,
    .ContentPanel,
    .InfoPanel {
        background: none !important;
        background-image: none !important;
    }

    /* -------------------------------------------------------------------------- */
    /* Custom background image for login + guest pages                            */
    /* -------------------------------------------------------------------------- */
    .MainPanel {
        background-image: url("/injections/images/ScreenConnect/login-background.jpg") !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center center !important;
        background-attachment: fixed !important;
    }

    /* -------------------------------------------------------------------------- */
    /* Header + Login Button Area                                                 */
    /* -------------------------------------------------------------------------- */
    .HeaderPanel {
				background-color: darkred !important;
				
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.6) !important;  /* overhang shadow */
    position: relative !important;
    z-index: 9999 !important;
    height: 80px !important;
    align-items: center !important;
    padding-left: 10px !important;  /* match logo padding */
				
    }

    .CommandPanel {
        z-index: 9999 !important;
        position: relative !important;
        background: transparent !important;
    }

    /* -------------------------------------------------------------------------- */
    /* Replace ScreenConnect logo with custom logo                                */
    /* -------------------------------------------------------------------------- */
    .LogoPanel {
        background-image: url("/injections/images/ScreenConnect/DesktopMastersLogo-500x160.png") !important;
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: left center !important;
				padding-left: 10px !important; /* was 5px, now +5px more */
        width: 250px !important;
        height: 80px !important;
        display: block !important;
    }

    /* -------------------------------------------------------------------------- */
    /* Guest Join Page: Outline the join box                                      */
    /* -------------------------------------------------------------------------- */
    .ActionPanel {
        outline: 3px solid red !important;
        border-radius: 10px !important;
        background: rgba(0, 0, 0, 0.25) !important;
        padding: 20px !important;
        z-index: 9999 !important;
    }

    /* -------------------------------------------------------------------------- */
    /* Login Page: Outline the login box                                          */
    /* -------------------------------------------------------------------------- */
    .AuthPanel.LoginPage {
        outline: 3px solid red !important;
        border-radius: 10px !important;
        padding: 20px !important;
        z-index: 9999 !important;
    }
}

/* ============================================================================================== */
/* END OF LOGIN + GUEST PAGE CUSTOMIZATIONS                                                       */
/* ============================================================================================== */



/* ============================================================================================== */
/* DASHBOARD / HOSTPAGE ONLY                                                                      */
/* ============================================================================================== */

html.HostPage .DetailTabList,
html.HostPage .HeaderPanel,
html.HostPage .NavigationPanel {
    background-color: darkred !important;
    box-shadow: 2px 0 5px rgba(0, 0, 0, 0.5);
    position: relative;
}

/* Status diagram tweaks */
html.HostPage .StatusDiagram { width: 100px !important; }
html.HostPage .StatusDiagramPanel .Host .ConnectionBar,
html.HostPage .StatusDiagramPanel .Host .Description,
html.HostPage .StatusDiagramPanel .Host .Latest,
html.HostPage .StatusDiagramPanel .Guest .ConnectionBar,
html.HostPage .StatusDiagramPanel .Guest .Description,
html.HostPage .StatusDiagramPanel .Guest .Latest {
    visibility: hidden;
}

html.HostPage .General dl dt { text-align: right; }

/* Notes cleanup */
html.HostPage .Notes .DetailTabContent .Notes .EntryHistoryPanel .HistoryPanel .ListPanel .Who,
html.HostPage .Notes .EntryHistoryPanel .HistoryPanel .ListPanel .FromHost .Who,
html.HostPage .DetailTabContent .Notes .Who {
    visibility: hidden;
}

/* Hide screenshot windows */
html.HostPage .JoinInfoPanel .GuestJoinedPanel p,
html.HostPage .SingleSelectionPanel .DetailTabContent .Start .ScreenshotPanel div {
    visibility: hidden;
}

html.HostPage .CollapsiblePanel .Content { max-height: 0px; }

/* Shrink status icons */
html.HostPage .StatusDiagramPanel {
    transform: scale(0.85);
    width: 85% !important;
}

/* Remove elements from session list */
html.HostPage .SessionInfoPanel p[title^="Tag"],
html.HostPage .SessionInfoPanel p[title^="Company:"],
html.HostPage .SessionInfoPanel p[title^="Custom Property 6:"],
html.HostPage .SessionInfoPanel p[title^="Site:"],
html.HostPage .SessionInfoPanel p[title^="Device Type:"] {
    display: none;
}

/* Tiled session view colors */
html.HostPage .DetailGrid div .Checkbox {
    color: white !important;
}

html.HostPage .DetailGrid .Selected,
html.HostPage .DetailGrid .Selected div,
html.HostPage .DetailGrid .Selected img,
html.HostPage .DetailGrid .Selected .SessionInfoPanel,
html.HostPage .DetailGrid .Selected .SessionInfoPanel h3 {
    color: white !important;
    background: #383838 !important;
}

html.HostPage .DetailGrid div,
html.HostPage .DetailGrid div .SessionInfoPanel,
html.HostPage .DetailGrid div .SessionInfoPanel h3 {
    background: #1E1E1E !important;
    color: #ffffff !important;
}

html.HostPage .DetailGrid div .StatusDiagramPanel .Host div,
html.HostPage .DetailGrid div .StatusDiagramPanel .Host p,
html.HostPage .DetailGrid div .StatusDiagramPanel .Guest div,
html.HostPage .DetailGrid div .StatusDiagramPanel .Guest p {
    visibility: hidden;
}

html.HostPage .DetailGrid div .StatusDiagramPanel,
html.HostPage .DetailGrid div .StatusDiagramPanel .Host,
html.HostPage .DetailGrid div .StatusDiagramPanel .Guest {
    width: 20px;
}




/* ============================================================================================== */
/* Dashboard-only avatar replacement (HostPage)                                                   */
/* ============================================================================================== */

/* Dashboard-only: replace the tiny top-right icon with your avatar */
html.HostPage .LogoPanel {
    background-image: url("/injections/images/ScreenConnect/AvatarLogo-125x125.gif") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;

    width: 60px !important;     /* size of the little box */
    height: 60px !important;
    display: block !important;
    margin: 0 !important;
    padding: 5px !important;
}




/* ============================================================================================== */
/* Admin Interface                                                                                */
/* ============================================================================================== */

/* Fix Background */
.MainDetailHeaderPanel {
    background: #CC3232 !important;      /* or the admin color you want */
    background-image: none !important;
}
.AdministrationPanel,
#dialogContainer .EditUser .ContentPanel,
#dialogContainer .EditRole .ContentPanel {
    background: #1E1E1E !important;      /* or the admin color you want */
    background-image: none !important;
}


/* Highlight defined options in permissions rules */
.ScopedPermissionContainer .SpecificGroup.DefinedOption {
    color: yellow !important;
    background-color: rgba(255, 255, 0, 0.15) !important;
}