:root{
    --blue:#083b86;
    --blue2:#0b63ce;
    --teal:#14b5b0;
    --green:#1cad6f;
    --dark:#0b2342;
    --muted:#5f7190;
    --line:#d7ebf5;
    --soft:#f3fbff;
    --card:#ffffff;
}

/* Tanzania flag as soft waving background across demo pages */
body::before{
    content:"";
    position:fixed;
    inset:0;
    z-index:-2;
    opacity:.105;
    background:
        linear-gradient(145deg,
            #1eb53a 0 39%,
            #fcd116 39% 43%,
            #000000 43% 57%,
            #fcd116 57% 61%,
            #00a3dd 61% 100%);
    background-size:190% 190%;
    animation:tzFlagWave 9s ease-in-out infinite;
    pointer-events:none;
}

body::after{
    content:"";
    position:fixed;
    inset:0;
    z-index:-1;
    background:
        radial-gradient(circle at 86% 12%, rgba(20,181,176,.18), transparent 28%),
        linear-gradient(135deg, rgba(255,255,255,.94), rgba(239,249,255,.93), rgba(247,255,251,.94));
    pointer-events:none;
}

@keyframes tzFlagWave{
    0%{background-position:0% 45%; transform:scale(1) skewY(0deg)}
    25%{background-position:45% 50%; transform:scale(1.015) skewY(-.6deg)}
    50%{background-position:100% 55%; transform:scale(1.01) skewY(.6deg)}
    75%{background-position:45% 50%; transform:scale(1.015) skewY(-.5deg)}
    100%{background-position:0% 45%; transform:scale(1) skewY(0deg)}
}

/* Simple professional UNIDA Gateway demo logo */
.demo-brand-logo{
    width:46px !important;
    height:46px !important;
    max-width:46px !important;
    max-height:46px !important;
    border-radius:14px;
    object-fit:contain;
    background:#fff;
    padding:2px;
    box-shadow:0 10px 24px rgba(8,59,134,.14);
    border:1px solid rgba(215,235,245,.95);
}

/* Smaller logo for sidebar pages */
.sidebar .demo-brand-logo,
.side .demo-brand-logo{
    width:44px !important;
    height:44px !important;
    max-width:44px !important;
    max-height:44px !important;
}

/* Hide old oversized icon classes if still present */
.flagbox,
.flag,
.tz-flag-mark{
    display:none !important;
}

@import url('/demo-assets/unida-flag-consistent.css');