/* Thème « SHAU » — mode light — généré par shau_odoo_theme */

:root {
    color-scheme: light;

    /* ── Palette ───────────────────────────────────────────────── */
    --shau-primary:        #2f6bff;
    --shau-primary-light:  #4d82ff;
    --shau-primary-dark:   #1d4fd8;
    --shau-primary-rgb:    47, 107, 255;
    --shau-on-primary:     #ffffff;
    --shau-accent:         #4d82ff;
    --shau-accent-rgb:     77, 130, 255;

    --shau-navbar-bg:      #0b1226;
    --shau-navbar-bg-2:    #2d3344;
    --shau-navbar-text:    #eef2fb;

    --shau-bg:             #f2f5fb;
    --shau-bg-2:           #ebeef3;
    --shau-surface:        #ffffff;
    --shau-surface-2:      #f6f6f6;
    --shau-text:           #0b1220;
    --shau-text-muted:     #737883;
    --shau-border:         #dde4f0;
    --shau-shadow:         rgba(11, 18, 32, 0.10);

    --shau-app-bg:         #eef1f7;
    --shau-app-surface:    #ffffff;
    --shau-app-text:       #0b1220;

    --shau-login-bg:       #05070d;
    --shau-login-bg-2:     #14161c;

    /* ── Formes ────────────────────────────────────────────────── */
    --shau-radius-sm:      6px;
    --shau-radius-md:      8px;
    --shau-radius-lg:      14px;

    /* ── Correspondance Bootstrap / Odoo ───────────────────────── */
    --primary:                  var(--shau-primary);
    --bs-primary:               var(--shau-primary);
    --bs-primary-rgb:           var(--shau-primary-rgb);
    --bs-link-color:            var(--shau-primary);
    --bs-link-color-rgb:        var(--shau-primary-rgb);
    --bs-link-hover-color:      var(--shau-primary-dark);
    --bs-body-bg:               var(--shau-bg);
    --bs-body-color:            var(--shau-text);
    --bs-border-color:          var(--shau-border);
    --bs-emphasis-color:        var(--shau-text);
    --bs-secondary-color:       var(--shau-text-muted);
    --o-color-1:                var(--shau-primary);

    --o-view-background-color:  var(--shau-bg);
    --o-webclient-background-color: var(--shau-bg);

    --NavBar-backgroundColor:               var(--shau-navbar-bg);
    --NavBar-entry-backgroundColor:         transparent;
    --NavBar-entry-backgroundColor--hover:  rgba(var(--shau-primary-rgb), 0.20);
    --NavBar-entry-backgroundColor--focus:  rgba(var(--shau-primary-rgb), 0.20);
    --NavBar-entry-backgroundColor--active: rgba(var(--shau-primary-rgb), 0.28);
    --NavBar-entry-color:                   var(--shau-navbar-text);
    --NavBar-entry-color--hover:            #ffffff;
    --NavBar-entry-color--active:           #ffffff;
    --NavBar-brand-color:                   var(--shau-navbar-text);
}




.shau_apps_grid {
    grid-template-columns: repeat(auto-fill, minmax(128px, 1fr));
    gap: 18px;
}
.shau_app_card       { padding: 26px 12px 16px; }
.shau_app_icon_wrap  { width: 66px; height: 66px; }
.shau_app_name       { font-size: 0.76rem; }


.shau_app_launcher::after, body:has(.oe_website_login_container) main::after {
    content: '';
    position: absolute;
    inset: -20%;
    z-index: 0;
    pointer-events: none;
    background:
        radial-gradient(38% 46% at 22% 28%, rgba(47, 107, 255, 0.26) 0%, transparent 62%),
        radial-gradient(34% 42% at 78% 22%, rgba(77, 130, 255, 0.18) 0%, transparent 60%),
        radial-gradient(46% 50% at 62% 82%, rgba(47, 107, 255, 0.13) 0%, transparent 66%);
    filter: blur(28px);
    animation: shau-aurora 26s ease-in-out infinite alternate;
}
@keyframes shau-aurora {
    0%   { transform: translate3d(0, 0, 0) scale(1); }
    33%  { transform: translate3d(3%, -3%, 0) scale(1.07); }
    66%  { transform: translate3d(-3%, 2%, 0) scale(1.03); }
    100% { transform: translate3d(2%, 3%, 0) scale(1.09); }
}

.shau_app_launcher { position: relative; }
.shau_app_launcher > * { position: relative; z-index: 1; }

@media (prefers-reduced-motion: reduce) {
    .shau_app_launcher::after, body:has(.oe_website_login_container) main::after { animation: none !important; }
}