/* ==========================================================================
   ATHENA SIDEBAR POPUP COLORED FRAMES V1.0
   IMPORTANT:
   This stylesheet does NOT style sidebar menu items.
   It styles only hover-description popup windows identified by JS.
   ========================================================================== */

.athena-sidebar-popup-accent{
  --athena-sidebar-popup-color:#5795d3;
  --athena-sidebar-popup-soft:#edf5ff;

  border:
    2px solid
    var(--athena-sidebar-popup-color) !important;

  border-radius:
    12px !important;

  background:
    #ffffff !important;

  box-shadow:
    0 16px 38px
    rgba(3,27,53,.22) !important;

  overflow:hidden;

  transition:
    border-color .15s ease,
    box-shadow .15s ease,
    transform .15s ease !important;
}

.athena-sidebar-popup-accent:hover{
  box-shadow:
    0 20px 44px
    rgba(3,27,53,.27) !important;
}

/* subtle header/top treatment without changing popup structure */

.athena-sidebar-popup-accent::after{
  content:"";

  position:absolute;

  top:0;
  left:0;
  right:0;

  height:4px;

  background:
    var(--athena-sidebar-popup-color);

  pointer-events:none;
}

/* ==========================================================================
   COLOR FAMILIES
   ========================================================================== */

.athena-sidebar-popup-home{
  --athena-sidebar-popup-color:#d9a52d;
  --athena-sidebar-popup-soft:#fff8e8;
}

.athena-sidebar-popup-workspaces{
  --athena-sidebar-popup-color:#4e91d6;
  --athena-sidebar-popup-soft:#eaf4ff;
}

.athena-sidebar-popup-universe{
  --athena-sidebar-popup-color:#63a9d3;
  --athena-sidebar-popup-soft:#ebf7fc;
}

.athena-sidebar-popup-experts{
  --athena-sidebar-popup-color:#856fd4;
  --athena-sidebar-popup-soft:#f2efff;
}

.athena-sidebar-popup-agents{
  --athena-sidebar-popup-color:#d88a42;
  --athena-sidebar-popup-soft:#fff2e6;
}

.athena-sidebar-popup-proteus{
  --athena-sidebar-popup-color:#299caf;
  --athena-sidebar-popup-soft:#e7f8fa;
}

.athena-sidebar-popup-foundry{
  --athena-sidebar-popup-color:#aa72c6;
  --athena-sidebar-popup-soft:#f7effb;
}

.athena-sidebar-popup-sozy{
  --athena-sidebar-popup-color:#449d6d;
  --athena-sidebar-popup-soft:#e9f8ef;
}

.athena-sidebar-popup-dr-salus{
  --athena-sidebar-popup-color:#ce6682;
  --athena-sidebar-popup-soft:#fff0f4;
}

.athena-sidebar-popup-library{
  --athena-sidebar-popup-color:#4b8fd1;
  --athena-sidebar-popup-soft:#edf5ff;
}

.athena-sidebar-popup-activity{
  --athena-sidebar-popup-color:#706dd0;
  --athena-sidebar-popup-soft:#f1f0ff;
}

.athena-sidebar-popup-profile{
  --athena-sidebar-popup-color:#c89a35;
  --athena-sidebar-popup-soft:#fff8e9;
}

/* ==========================================================================
   OPTIONAL INTERNAL ACCENTS
   Only applies when matching elements already exist inside the popup.
   ========================================================================== */

.athena-sidebar-popup-accent h1,
.athena-sidebar-popup-accent h2,
.athena-sidebar-popup-accent h3,
.athena-sidebar-popup-accent strong{
  color:
    var(--athena-sidebar-popup-color) !important;
}

.athena-sidebar-popup-accent a{
  color:
    var(--athena-sidebar-popup-color) !important;
}

/* Do not alter sidebar itself */

aside nav a,
aside nav button,
.athena-sidebar a,
.athena-sidebar button{
  /* deliberately empty */
}