/* msoidc branding module */
:root {
    --glpi-logo-light: url("/public/plugins/msoidc/BrandAsset/logo-GLPI-100-grey.png");
    --glpi-logo-dark: url("/public/plugins/msoidc/BrandAsset/logo-GLPI-100-grey.png");
    --glpi-logo: var(--glpi-logo-light);

    --glpi-logo-light-reduced: url("/public/plugins/msoidc/BrandAsset/logo-G-100-grey.png");
    --glpi-logo-dark-reduced: url("/public/plugins/msoidc/BrandAsset/logo-G-100-grey.png");
    --glpi-logo-reduced: var(--glpi-logo-light-reduced);

    --glpi-logo-light-login: url("/public/plugins/msoidc/BrandAsset/logo-GLPI-250-white.png");
    --glpi-logo-dark-login: url("/public/plugins/msoidc/BrandAsset/logo-GLPI-250-black.png");

    --msoidc-brand-background: #f6f4f0;
    --msoidc-brand-foreground: #14221a;
    --msoidc-brand-surface: #f9f7f3;
    --msoidc-brand-surface-soft: #f3f0e9;
    --msoidc-brand-primary: #0d4f3c;
    --msoidc-brand-primary-strong: #063d2f;
    --msoidc-brand-primary-soft: #deebe5;
    --msoidc-brand-accent: #e85d1a;
    --msoidc-brand-muted: #5c6b62;
    --msoidc-brand-border: #d9dfd8;
}

.page .glpi-logo,
.page-anonymous .glpi-logo {
    background-size: contain !important;
    background-position: center center;
}

.page:not(.page-anonymous) {
    background:
        radial-gradient(circle at 10% 8%, rgb(13 79 60 / 0.13), transparent 28%),
        radial-gradient(circle at 90% 5%, rgb(232 93 26 / 0.09), transparent 26%),
        linear-gradient(180deg, #f9f7f2 0%, #f3f0e8 100%);
    color: var(--msoidc-brand-foreground);
}

.page:not(.page-anonymous) .navbar-vertical {
    background: linear-gradient(180deg, #0d4f3c 0%, #063d2f 100%) !important;
    box-shadow: 0 24px 46px -26px rgb(6 61 47 / 0.65);
}

.page:not(.page-anonymous) .navbar-vertical .nav-link,
.page:not(.page-anonymous) .navbar-vertical .nav-link .nav-link-title,
.page:not(.page-anonymous) .navbar-vertical .navbar-brand {
    color: rgb(249 247 243 / 0.95) !important;
}

.page:not(.page-anonymous) .navbar-vertical .nav-link:hover,
.page:not(.page-anonymous) .navbar-vertical .nav-link.active {
    background: rgb(232 93 26 / 0.18) !important;
    color: #ffffff !important;
}

.page:not(.page-anonymous) .navbar-vertical .nav-link:hover .nav-link-title,
.page:not(.page-anonymous) .navbar-vertical .nav-link.active .nav-link-title {
    color: #ffffff !important;
}

.page:not(.page-anonymous) .navbar:not(.navbar-vertical) {
    background: rgb(249 247 243 / 0.9) !important;
    border-bottom: 1px solid rgb(20 34 26 / 0.08);
    backdrop-filter: blur(10px);
}

.page .btn-primary,
.page-anonymous .btn-primary {
    background: linear-gradient(145deg, var(--msoidc-brand-primary), var(--msoidc-brand-primary-strong));
    border-color: var(--msoidc-brand-primary-strong);
    box-shadow: 0 16px 34px -22px rgb(13 79 60 / 0.8);
}

.page .btn-primary:hover,
.page-anonymous .btn-primary:hover {
    border-color: var(--msoidc-brand-accent);
    box-shadow: 0 16px 34px -22px rgb(232 93 26 / 0.7);
}

.page .btn-outline-secondary,
.page-anonymous .btn-outline-secondary {
    border-color: rgb(13 79 60 / 0.35);
    color: var(--msoidc-brand-primary);
}

.page .btn-outline-secondary:hover,
.page-anonymous .btn-outline-secondary:hover {
    border-color: rgb(232 93 26 / 0.62);
    color: var(--msoidc-brand-accent);
    background: rgb(255 246 241 / 0.95);
}

.page a:not(.btn),
.page-anonymous a:not(.btn) {
    color: var(--msoidc-brand-primary);
}

.page a:not(.btn):hover,
.page-anonymous a:not(.btn):hover {
    color: var(--msoidc-brand-accent);
}

.page:not(.page-anonymous) .card {
    background: rgb(249 247 243 / 0.9);
    border-color: rgb(20 34 26 / 0.08);
    box-shadow: 0 24px 70px -34px rgb(13 79 60 / 0.28);
}

.page:not(.page-anonymous) .table {
    --tblr-border-color: rgb(20 34 26 / 0.1);
}

.page:not(.page-anonymous) .form-control:focus,
.page:not(.page-anonymous) .form-select:focus {
    border-color: rgb(13 79 60 / 0.55);
    box-shadow: 0 0 0 0.2rem rgb(13 79 60 / 0.14);
}