@layer pages {
  .dashboards__show {
    .dashboard {
      --panel-size: unset;

      display: flex;
      flex-direction: column;
      gap: var(--block-space-half);
    }

    .dashboard__header {
      margin-block-end: var(--block-space);

      .dashboard__title {
        text-align: center;
        margin-block-end: var(--block-space);
        font-size: var(--text-large);
      }

      .dashboard__links {
        display: flex;
        gap: var(--block-space);
        justify-content: center;
        margin-block-end: var(--block-space-half);
        padding-inline-end: var(--block-space);

        a:any-link {
          color: var(--color-link);
        }
      }

      .joined-rooms__link {
        color: var(--color-link);
        text-decoration: underline;
        font-size: var(--text-small);
      }
    }

    .joined-rooms-popover {
      inline-size: min(40ch, 90vw);
      max-block-size: 70vh;
      overflow-y: auto;
      border: 1px solid var(--color-ink-lighter);
      padding: var(--block-space);
    }

    .joined-rooms-popover::backdrop {
      background: rgb(0 0 0 / 0.3);
    }

    .joined-rooms-popover__list {
      list-style: none;
      padding-inline-start: 0;
      display: flex;
      flex-direction: column;
      gap: var(--block-space-half);
    }

    .dashboard__posts {

    }
  }
}