/*! Bootstrap 5.3.8 MIT layout mixins, adapted to JIYOU tokens.
 * https://getbootstrap.com/ — Copyright 2011-2025 The Bootstrap Authors.
 * Full license: /assets/LICENSE-bootstrap.txt. Generated by ui_framework/build.mjs. */
@media screen and (min-width: 1181px) {
  .workspace:where(:not(:has(#content .proposals))) {
    --page-max: 1616px;
  }
}
@media screen {
  .workspace .portal-ui.ui-framework-container {
    --ui-bs-gutter-x: calc(var(--ui-page-inset) * 2);
    --ui-bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--ui-bs-gutter-x) * 0.5);
    padding-left: calc(var(--ui-bs-gutter-x) * 0.5);
    margin-right: auto;
    margin-left: auto;
    --ui-page-inset: var(--page-gutter, calc(var(--space-unit) * 4));
    --ui-page-top: calc(var(--space-unit) * 5);
    --ui-page-bottom: calc(var(--space-unit) * 24);
    box-sizing: border-box;
    min-width: 0;
    max-width: 1440px;
    padding-block: var(--ui-page-top) var(--ui-page-bottom);
  }
  .workspace .portal-ui.ui-framework-container:where(:not(:has(.proposals))) {
    max-width: 1680px;
    --ui-grid-gap: calc(var(--space-unit) * 4);
  }
  .workspace .portal-ui .ui-content-column {
    --ui-bs-gutter-x: calc(var(--ui-content-inset, var(--inset-content)) * 2);
    --ui-bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--ui-bs-gutter-x) * 0.5);
    padding-left: calc(var(--ui-bs-gutter-x) * 0.5);
    margin-right: auto;
    margin-left: auto;
    max-width: var(--ui-content-width, 100%);
  }
  .workspace .portal-ui .ui-layout-grid {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: var(--ui-grid-gap, calc(var(--space-unit) * 5));
    min-width: 0;
    margin: 0;
  }
  .workspace .portal-ui .ui-layout-grid > * {
    flex: 1 1 0;
    max-width: 100%;
    flex-basis: 100%;
    box-sizing: border-box;
    min-width: 0;
    margin: 0;
  }
  .workspace .portal-ui .ui-page-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: var(--gap-control);
    margin: 0;
  }
  .workspace .portal-ui .ui-page-header-main {
    min-width: 0;
  }
  .workspace .portal-ui .ui-page-header-actions {
    width: 100%;
    min-width: 0;
    margin: 0;
    justify-self: stretch;
    justify-content: flex-end;
  }
  .workspace .portal-ui .ui-page-header-actions > nav {
    flex: 1 1 0;
    min-width: 0;
  }
}
@media screen and (max-width: 760px) {
  .workspace .portal-ui .ui-page-header-actions > nav {
    flex-wrap: wrap;
    overflow: visible;
  }
}
@media screen and (min-width: 761px) {
  .workspace .portal-ui.ui-framework-container {
    --ui-page-inset: var(--page-gutter, calc(var(--space-unit) * 6));
    --ui-page-bottom: calc(var(--space-unit) * 8);
  }
}
@media screen and (min-width: 1181px) {
  .workspace .portal-ui.ui-framework-container {
    --ui-page-inset: var(--page-gutter, calc(var(--space-unit) * 8));
    --ui-page-top: calc(var(--space-unit) * 6);
    --ui-page-bottom: calc(var(--space-unit) * 10);
  }
  .workspace .portal-ui .ui-layout-grid > * {
    flex-basis: calc((100% - var(--ui-grid-gap, calc(var(--space-unit) * 5))) / 2);
  }
  .workspace .portal-ui .ui-page-header {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: calc(var(--space-unit) * 4);
  }
  .workspace .portal-ui .ui-page-header-actions {
    width: auto;
    justify-self: end;
  }
  .workspace .portal-ui .ui-page-header-actions > nav {
    flex: 0 1 auto;
  }
}
@media screen {
  .workspace .portal-ui .ui-page-header--single-action {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .workspace .portal-ui .ui-page-header--single-action > .ui-page-header-main {
    flex: 1 1 auto;
    min-width: 0;
  }
  .workspace .portal-ui .ui-page-header--single-action > .ui-page-header-actions {
    flex: 0 1 auto;
    width: auto;
    max-width: 100%;
    margin-inline-start: auto;
  }
  .workspace .portal-ui .ui-page-header--flow {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .workspace .portal-ui .ui-page-header--flow > .ui-page-header-main {
    flex: 1 1 auto;
    min-width: 0;
  }
  .workspace .portal-ui .ui-page-header--flow > .ui-page-header-actions {
    display: flex;
    flex-wrap: wrap;
    flex: 0 1 auto;
    width: auto;
    max-width: 100%;
    margin-inline-start: 0;
    justify-content: flex-start;
  }
  .workspace .portal-ui :is(.ui-layout-grid, .ui-page-header, .ui-page-header-actions)[hidden] {
    display: none;
  }
}