/* PremiumZone Theme */
:root{
    --pz-bg:#000000;
    --pz-primary:#00F3FF;
    --pz-gray:#8A8A8A;
    --pz-text:#FFFFFF;
    --pz-panel:rgba(0,0,0,.80);
}
html.pz-theme-mono{
    --pz-bg:#90A0A0;
    --pz-primary:#25444D;
    --pz-gray:#647A83;
    --pz-text:#D8DEDE;
    --pz-panel:#90A0A0;
}
html.pz-theme-mono,
html.pz-theme-mono body,
html.pz-theme-mono #pz-app,
html.pz-theme-mono #pz-background{
    background:#90A0A0 !important;
    color:#D8DEDE !important;
}
html.pz-theme-mono .pz-frame-panel{
    background:#90A0A0 !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}
html.pz-theme-mono .pz-frame-segment{
    background:#D8DEDE !important;
    box-shadow:none !important;
    opacity:1 !important;
}
html.pz-theme-mono .pz-frame-glitch{
    background:#25444D !important;
    box-shadow:none !important;
}
html.pz-theme-mono .pz-frame-highlight{
    background:#D8DEDE !important;
    box-shadow:none !important;
}
html.pz-theme-mono .pz-node,
html.pz-theme-mono .pz-node-common,
html.pz-theme-mono .pz-node-uncommon,
html.pz-theme-mono .pz-node-rare,
html.pz-theme-mono .pz-node-legend{
    color:#25444D !important;
    opacity:1 !important;
    text-shadow:none !important;
}
html.pz-theme-mono .pz-cell,
html.pz-theme-mono .pz-cell:nth-child(7n),
html.pz-theme-mono .pz-cell:nth-child(11n){
    background:#647A83 !important;
    opacity:1 !important;
    box-shadow:none !important;
}

html.pz-theme-mono .pz-profile-settings,
html.pz-theme-mono .pz-profile-settings *{
    color:#D8DEDE !important;
    text-shadow:none !important;
}
html.pz-theme-mono .pz-profile-settings .pz-button{
    color:#25444D !important;
}

/* MONO: frame ornament internal panels must be the same solid surface as the frame. */
html.pz-theme-mono .pz-frame-ornament-top-internal .pz-frame-ornament-content,
html.pz-theme-mono .pz-frame-ornament-bottom-internal .pz-frame-ornament-content{
    background:#90A0A0 !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    opacity:1 !important;
}

/* MONO: replace the remaining cyan frame-ornament accents with dark teal. */
html.pz-theme-mono .pz-frame-ornament-top-rail::before,
html.pz-theme-mono .pz-frame-ornament-top-rail::after,
html.pz-theme-mono .pz-frame-ornament-top-segment::before,
html.pz-theme-mono .pz-frame-ornament-top-segment::after,
html.pz-theme-mono .pz-frame-ornament-side::before,
html.pz-theme-mono .pz-frame-ornament-side::after,
html.pz-theme-mono .pz-frame-ornament-segment::before,
html.pz-theme-mono .pz-frame-ornament-segment::after,
html.pz-theme-mono .pz-frame-ornament-motif{
    color:#25444D !important;
    background-color:#25444D !important;
    border-color:#25444D !important;
    box-shadow:none !important;
    text-shadow:none !important;
    -webkit-text-fill-color:#25444D !important;
}

/* The motif uses layered linear/radial backgrounds, so override them explicitly. */
html.pz-theme-mono .pz-frame-ornament-motif{
    background:#90A0A0 !important;
    color:#25444D !important;
    border-color:#25444D !important;
}


/* MONO: the moving corner ornaments use the same dark-teal primary. */
html.pz-theme-mono .pz-ornament{
    background:#25444D !important;
    box-shadow:none !important;
}

/* MONO: the top/bottom rail tail is a layered background image, so background-color alone cannot recolor it. */
html.pz-theme-mono .pz-frame-ornament-top-rail::after{
    background-color:transparent !important;
    background-image:
        radial-gradient(circle,#25444D 0 100%,transparent 101%),
        radial-gradient(circle,#25444D 0 100%,transparent 101%),
        radial-gradient(circle,#25444D 0 100%,transparent 101%),
        radial-gradient(circle,#25444D 0 100%,transparent 101%) !important;
    opacity:1 !important;
}