/*
 * Canonical desktop application frame.
 * The compact Calendar navigation is the sole top-bar treatment on every page.
 */
@media(min-width:761px){
  body .app-nav{
    position:relative;
    top:auto;
    flex:0 0 48px;
    min-height:48px;
    overflow:visible;
    border:1px solid var(--rc-line,var(--rc-border));
    border-radius:8px 8px 0 0;
    background:rgba(8,13,11,.97);
    box-shadow:none;
    backdrop-filter:blur(14px);
  }
  body .app-nav .nav-shell{
    display:flex;
    min-height:47px;
    height:47px;
    align-items:center;
    gap:4px;
    padding-block:5px;
    overflow:visible;
  }
  body .app-nav__brand{
    display:inline-flex;
    flex:0 0 auto;
    min-height:28px;
    align-items:center;
    margin:0 14px 0 0;
    padding:0 18px 0 0;
    border-right:1px solid var(--rc-line,var(--rc-border));
    color:#f0ede5;
    font-size:.8rem;
    font-weight:850;
    letter-spacing:-.015em;
    line-height:1;
    text-decoration:none;
    white-space:nowrap;
  }
  body .app-nav__brand::after{
    content:"";
    display:inline-block;
    width:5px;
    height:5px;
    margin-left:7px;
    border-radius:50%;
    background:#e66c3f;
  }
  body .app-nav__primary,body .app-nav__secondary{
    display:flex;
    align-items:center;
    gap:4px;
  }
  body .app-nav__secondary{margin-left:auto}
  body .app-nav a.app-nav__link{
    min-height:36px;
    padding:7px 12px;
    border:1px solid transparent;
    border-radius:999px;
    background:transparent;
    color:#ece9e1;
    font-size:.78rem;
    font-weight:760;
    line-height:1;
  }
  body .app-nav a.app-nav__link:hover{
    background:rgba(116,185,139,.08);
    color:#b8d9c2;
  }
  body .app-nav a.app-nav__link.active,
  body .app-nav a.app-nav__link--secondary.active{
    border-color:rgba(116,185,139,.34);
    background:rgba(116,185,139,.13);
    color:#b8d9c2;
  }
  body .app-nav a.app-nav__link--secondary{
    color:#d4d2cb;
    font-size:.74rem;
  }
  body[data-view="today"] .app-header{display:none}
}

@media(min-width:761px) and (max-width:980px){
  body .app-nav__brand{margin-right:7px;padding-right:10px;font-size:.71rem}
  body .app-nav a.app-nav__link{padding-inline:8px;font-size:.71rem}
  body .app-nav a.app-nav__link--secondary{font-size:.68rem}
}