.demo-brand-emblem {
  display: none;
}

html.ged-emblem-layout {
  --sidebar-header-min-width: 373px;
  --sidebar-width: 373px;
  --ged-brand-blue: #001c4c;
}

html.ged-emblem-layout .sidebar {
  container-type: inline-size;
}

html.ged-emblem-layout .sidebar .brand {
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto auto;
  grid-template-areas:
    "emblem"
    "rule";
  align-items: start;
  column-gap: 12px;
  row-gap: 4px;
  margin-bottom: 0;
  overflow: visible;
  z-index: 4;
}

html.ged-emblem-layout .ged-workspace-command-bar {
  container: ged-command-bar / inline-size;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: center;
  column-gap: 12px;
  min-width: 0;
  flex: 0 0 auto;
  margin-bottom: 14px;
}

html.ged-emblem-layout .ged-workspace-command-bar .brand-shortcuts {
  grid-column: 1;
  grid-row: 1;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 32px;
  grid-template-rows: 34px;
  gap: 4px;
  justify-self: start;
  align-self: center;
  position: static;
  width: max-content;
  min-width: 0;
  margin: 0;
  transform: none;
}

html.ged-emblem-layout .ged-workspace-command-bar .brand-shortcut {
  grid-area: auto;
  justify-self: start;
  align-self: start;
  width: 32px;
  min-width: 32px;
  height: 34px;
  margin: 0;
}

html.ged-emblem-layout .ged-workspace-command-bar .brand-account.auth-user-label {
  grid-column: 2;
  grid-row: 1;
  position: static;
  display: block;
  justify-self: center;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 0;
  padding: 3px 0;
  border: 0;
  background: transparent;
  color: var(--ged-brand-blue);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.35;
  text-align: center;
  white-space: normal;
  overflow-wrap: anywhere;
  text-overflow: clip;
  transform: none;
}

html.ged-emblem-layout .ged-workspace-command-bar .brand-title {
  grid-column: 3;
  grid-row: 1;
  justify-self: end;
  width: auto;
  max-width: 100%;
  min-width: 0;
  padding: 0;
  color: var(--ged-brand-blue);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
  text-align: right;
  white-space: normal;
  overflow-wrap: anywhere;
}

html.ged-emblem-layout .workspace #moduleTitle,
html.ged-emblem-layout .workspace #moduleTitle .urbanisme-heading-main,
html.ged-emblem-layout .workspace #moduleTitle .urbanisme-heading-detail,
html.ged-emblem-layout .workspace .ged-central-location,
html.ged-emblem-layout .workspace .ged-central-location-item {
  color: var(--ged-brand-blue);
}

@container ged-command-bar (max-width: 700px) {
  html.ged-emblem-layout .ged-workspace-command-bar .brand-shortcuts {
    grid-auto-flow: row;
    grid-template-columns: repeat(2, 32px);
    grid-template-rows: none;
    grid-auto-rows: 34px;
  }
}

html.ged-emblem-layout .sidebar .brand-logo-slot,
html.ged-emblem-layout .sidebar .brand-eagle,
html.ged-emblem-layout .sidebar .brand-eagle-animation,
html.ged-emblem-layout .sidebar .brand-eagle-branch {
  display: none;
}

html.ged-emblem-layout .sidebar .ged-emblem-frame {
  grid-area: emblem;
  position: relative;
  z-index: 4;
  display: block;
  justify-self: start;
  width: 320px;
  max-width: none;
  height: auto;
  aspect-ratio: 3 / 2;
  margin-top: 22px;
  margin-bottom: -50px;
  background: #fff;
  user-select: none;
}

html.ged-emblem-layout .ged-emblem-frame .demo-brand-emblem:not([hidden]) {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: contain;
}

html.ged-emblem-layout .ged-emblem-layer {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  opacity: 0;
  pointer-events: none;
}

html.ged-emblem-layout .ged-emblem-frame.is-layered .demo-brand-emblem {
  opacity: 0;
}

html.ged-emblem-layout .ged-emblem-frame.is-layered .ged-emblem-layer {
  opacity: 1;
}

html.ged-emblem-layout .ged-emblem-layer-eagle {
  z-index: 1;
  clip-path: polygon(0 0, 30% 0, 30% 80%, 100% 80%, 100% 100%, 0 100%);
  transform: translateY(8px);
}

html.ged-emblem-layout .ged-emblem-layer-text {
  z-index: 2;
  clip-path: inset(0 0 20% 30%);
  transform-origin: 45% 0;
  transform: translate(var(--ged-logo-offset-x, 0px), -31px) scale(1.2);
}

html.ged-emblem-layout .ged-emblem-frame .demo-brand-emblem {
  clip-path: inset(0 0 20% 30%);
  transform-origin: 45% 0;
  transform: translate(var(--ged-logo-offset-x, 0px), -31px) scale(1.2);
}

html.ged-emblem-layout .ged-emblem-rule {
  grid-area: rule;
  position: relative;
  z-index: 5;
  display: block;
  width: var(--ged-rule-width, calc(100% + 32px));
  height: 18px;
  margin-top: 25px;
  margin-inline: var(--ged-rule-inset, -16px);
  object-fit: fill;
  pointer-events: none;
  user-select: none;
}

html.ged-emblem-layout .ged-emblem-rule[hidden] {
  display: none;
}

html.ged-emblem-layout .sidebar-tools {
  margin-top: 2px;
  margin-bottom: 0;
}

html.ged-emblem-layout .sidebar-root-actions-standalone {
  gap: 2px;
  padding-right: 0;
}

html.ged-emblem-layout .sidebar-root-action {
  padding-inline: 2px;
}

html.ged-emblem-layout .sidebar-counter-refresh {
  width: 24px;
}

html.ged-emblem-layout .module-list-pinned:empty {
  display: none;
}

html.ged-emblem-layout .module-list-scroll {
  margin-top: 4px;
}

html.ged-emblem-layout .ged-domain-heading-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  column-gap: 4px;
  min-width: 0;
  margin-bottom: 6px;
  border-bottom: 1px solid var(--line);
}

html.ged-emblem-layout .ged-domain-heading-row .sidebar-domain-group-toggle {
  min-width: 0;
  margin-bottom: 0;
  border-bottom: 0;
}

html.ged-emblem-layout .sidebar-tools.is-docked {
  position: static;
  margin: 0;
}

html.ged-emblem-layout .sidebar-tools.is-docked .sidebar-root-actions-standalone {
  width: auto;
}

@container (max-width: 290px) {
  html.ged-emblem-layout .ged-domain-heading-row {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 4px;
  }

  html.ged-emblem-layout .sidebar-tools.is-docked {
    justify-self: end;
  }

  html.ged-emblem-layout .sidebar-domain-group-label {
    overflow-wrap: normal;
    word-break: normal;
  }

  html.ged-emblem-layout .sidebar-alsh-tree {
    margin-left: 14px;
  }

  html.ged-emblem-layout .sidebar-alsh-folder {
    margin-left: calc(var(--alsh-folder-level, 0) * 8px);
    width: calc(100% - (var(--alsh-folder-level, 0) * 8px));
    column-gap: 4px;
  }

  html.ged-emblem-layout .sidebar-alsh-folder span:not(.sidebar-alsh-folder-icon):not(.sidebar-tree-caret) {
    white-space: normal;
    overflow-wrap: anywhere;
    text-overflow: clip;
    line-height: 1.25;
  }

}