:root {
    --ct-color-host-accent: #222222 !important;
}

body.login-pf {
    background: url("back.png") no-repeat 75% 0;
    background-size: cover;
    background-color: #000000;
}

#badge {
    inline-size: 5em;
    block-size: 5em;
    background-image: url("square-hicolor.svg");
    background-size: contain;
    background-repeat: no-repeat;
}

.login-pf .container {
    background: none!important;
    color: #FFFFFF!important
}
.login-pf .details {
    background: none!important;
    color: #FFFFFF!important
}

.pf-v5-c-menu__list {
    background-color: #00000090!important;
    border-style: solid!important;
    border-color: #008fcc20!important;
}

.pf-v5-c-menu__item {
    background-color: #00000090!important;
    border-style: solid!important;
    border-color: #00000020!important;
}

.pf-v5-c-about-modal-box {
    background: none!important;
    background-color: #000000!important
    
}
.pf-v5-l-bullseye {
    background-color: #000000!important
}

input {
    background-color: #00000060!important
}

.host-apps {
    background-color: #22222260!important;
}
.pf-v5-c-masthead {
    background-color: #22222260!important;
}
.ct-switcher {
    background-color: #22222260!important;
}
.pf-v5-c-text-input-group__text-input {
    background-color: #22222260!important;
}
.pf-m-current {
    background-color: #005275!important;
}

button {
    border-color: #008fcc!important;
    background-color: #008fcc50!important;
}

#brand {
    font-size: 18pt;
    text-transform: uppercase;
}

#brand::before {
    content: "Roundy Cockpit ";
}

#index-brand::before {
    content: "Roundy Cockpit ";
}

/* ROUNDY+BORDERS Mod 2025 */

* {
    border-radius: 20px!important;
    font-weight: 900!important;
}

.ct-switcher-localonly {
    font-size: 10px!important;
}

.ct-switcher-localonly {
    text-align: center!important;
}

.ct-lock-wrapper {
    font-size: 12px!important;
}

.pf-m-primary {
    background-color: #008fcc!important;
}

.page {
    background-color: #008fcc!important;
    border-style: solid!important;
    border-color: #008fcc!important;
}
.pf-v5-c-masthead {
    background: none!important;
    background-color: #008fcc!important;
}

.pf-v5-c-menu__list {
    background-color: #008fcc40!important;
    border-style: solid!important;
    border-color: #008fcc!important;
}
.pf-v5-c-menu__item {
    background-color: #00000000!important;
    border: none!important;
}

.ct-switcher {
    padding: 20px!important;
}

.pf-m-4xl::after {
    content: "Roundy Cockpit | No <BASE__THEME__TITLE>, use cockpit-custom-edit !";
      display: block; /* Facultatif si vous souhaitez un bloc */
      font-size: 16px!important;
      color: #008fcc; /* Juste pour style supplémentaire */
}

.pf-v5-c-about-modal-box__strapline::after {
    content: "Theme by Tyleo Dv. Delaware | Check https://tyleo.dev 🍻";
      display: block; /* Facultatif si vous souhaitez un bloc */
      font-size: 16px!important;
      color: rgb(107, 0, 200); /* Juste pour style supplémentaire */
}

/*------------------------------------------*/