/* UI refinement follows unslop by Damir Sokolovsky (@heydamir), CC BY 4.0.
   https://github.com/heydamir/unslop */
/* The lab has primary tabs and a compact utility row. Vue retains the
   existing actions, focus and view state through this layout change. */
html[data-aim-local] body {
  background: var(--rc-paper);
  color: var(--rc-ink);
  font-family: var(--rc-font-body);
}
html[data-aim-local] :is(.hall-root, .hall-portal, .al-studio-shell, .al-guide, .al-rv) {
  font-family: var(--rc-font-body);
}
html[data-aim-local] :is(.hall-root, .hall-portal, .al-studio-shell, .al-guide, .al-rv) button {
  font-family: var(--rc-font-body) !important;
  font-synthesis: none;
  text-shadow: none;
}
html[data-aim-local] .hall-topnav {
  gap: var(--rc-space-4);
  padding-inline: var(--rc-space-6);
  min-block-size: 64px;
  background: var(--rc-paper);
  border-block-end: var(--rc-hairline);
  box-shadow: none !important;
}
html[data-aim-local] .hall-topnav::after { display: none; }
html[data-aim-local] .hall-brand {
  flex: 0 0 auto;
  gap: var(--rc-space-3);
  min-inline-size: 96px;
}
html[data-aim-local] .hall-brand::before { content: none; }
html[data-aim-local] .hall-topnav .hall-brand img {
  display: block !important;
  inline-size: 112px;
  block-size: auto;
}
html[data-aim-local] .hall-topnav .hall-tabs {
  flex: 1 1 auto;
  gap: var(--rc-space-1);
  min-inline-size: 0;
  justify-content: flex-start;
  overflow-x: auto;
  scrollbar-width: none;
}
html[data-aim-local] .hall-topnav .hall-tab {
  flex: 0 0 auto;
  min-inline-size: 0;
  padding-inline: var(--rc-space-3) !important;
  min-block-size: 64px;
  color: var(--rc-slate) !important;
  background: transparent !important;
  font: 600 var(--rc-fs-13)/1.2 var(--rc-font-body) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  box-shadow: none !important;
}
html[data-aim-local] .hall-tab span { font-family: inherit !important; }
html[data-aim-local] .hall-topnav .hall-tab::before { display: none; }
html[data-aim-local] .hall-topnav .hall-tab:is(:hover, .is-active) { color: var(--rc-ice) !important; }
html[data-aim-local] .hall-topnav .hall-tab.is-active::after {
  inset-inline: 0;
  inset-block-end: 0;
  inline-size: auto;
  block-size: 2px;
  background: var(--rc-signal);
  display: block !important;
  transform: none;
}
html[data-aim-local] .hall-topnav :is(.hall-topnav-right, .aim-local-actions) {
  flex: 0 0 auto;
  gap: var(--rc-space-2);
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0 !important;
  background: transparent;
}
html[data-aim-local] .hall-topnav .hall-sens {
  border: 1px solid var(--rc-rule-strong);
  border-radius: var(--rc-r-small) !important;
  background: var(--rc-paper-raise);
  box-shadow: none;
}
html[data-aim-local] .hall-topnav .hall-sens :is(input, output, .hall-sens-value) {
  color: var(--rc-ink) !important;
  font-family: var(--rc-font-mono) !important;
}
html[data-aim-local] .aim-local-actions :is(button, .contact-credit > summary) {
  min-block-size: 44px;
  padding-inline: var(--rc-space-3);
  border: 1px solid transparent;
  border-radius: var(--rc-r) !important;
  background: transparent;
  color: var(--rc-slate);
  font: 600 var(--rc-fs-13)/1 var(--rc-font-body) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
html[data-aim-local] .hall-topnav .aim-local-actions .aim-account-button {
  max-inline-size: none;
  padding-inline: var(--rc-space-4);
  border-color: var(--rc-ink);
  background: var(--rc-ink);
  color: var(--rc-paper-raise) !important;
}
html[data-aim-local] .hall-body {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto minmax(0, 1fr);
}
html[data-aim-local] .hall-body:has(> .hall-ball-detail) {
  grid-template-columns: minmax(0, 1fr) 360px;
}
html[data-aim-local] .hall-body > :is(.hall-board, .hall-center, .hall-detail) {
  grid-row: 2;
  min-block-size: 0;
  min-inline-size: 0;
}
html[data-aim-local] .hall-body > .hall-detail { inline-size: auto; }
html[data-aim-local] .hall-rail {
  grid-column: 1 / -1;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--rc-space-4);
  inline-size: auto;
  padding: var(--rc-space-2) var(--rc-space-6);
  border: 0;
  border-block-end: var(--rc-hairline);
  background: var(--rc-paper);
  box-shadow: none;
  overflow: visible;
}
html[data-aim-local] .hall-rail .hall-rail-cap { display: none; }
html[data-aim-local] .hall-rail .hall-rail-item {
  flex: 0 0 auto;
  inline-size: auto;
  min-block-size: 44px;
  margin: 0;
  padding: 0 var(--rc-space-3);
  border-radius: var(--rc-r) !important;
  color: var(--rc-slate);
  font: 600 var(--rc-fs-13)/1 var(--rc-font-body) !important;
}
html[data-aim-local] .hall-rail .hall-rail-item:is(:hover, .is-active) {
  background: var(--rc-paper-sunk);
  color: var(--rc-ink);
}
html[data-aim-local] .hall-rail-quick-wrap { display: flex; align-items: center; flex: 0 0 auto; margin: 0; }
html[data-aim-local] .hall-rail-quick {
  display: flex;
  gap: var(--rc-space-2);
  align-items: center;
  min-block-size: 44px;
  inline-size: auto;
  margin: 0;
  padding: 0 var(--rc-space-4);
  border: 1px solid var(--rc-ink);
  border-radius: var(--rc-r) !important;
  background: transparent;
  color: var(--rc-ink);
  clip-path: none !important;
  box-shadow: none;
  font: 600 var(--rc-fs-13)/1 var(--rc-font-body) !important;
}
html[data-aim-local] .hall-rail-quick :is(small, em, .hall-rail-quick-label) { display: none; }
html[data-aim-local] .hall-rail-quick b { white-space: nowrap; color: inherit; }
html[data-aim-local] .hall-rail-quick-pen {
  position: static;
  inline-size: 44px;
  block-size: 44px;
  margin-inline-start: var(--rc-space-2);
  border: 1px solid var(--rc-rule-strong);
  background: var(--rc-paper-raise);
  color: var(--rc-ink);
}
html[data-aim-local] .hall-rail-quick-pen:is(:hover, [aria-expanded="true"]) {
  border-color: var(--rc-signal);
  background: var(--rc-paper-sunk);
}
html[data-aim-local] .hall-rail-quick-menu {
  inset-block-start: calc(100% + var(--rc-space-2));
  inset-inline-start: 0;
  border-color: var(--rc-rule-strong);
  border-radius: var(--rc-r);
  background: var(--rc-paper-raise);
}
html[data-aim-local] .hall-rail-quick-option {
  border: 1px solid transparent;
}
html[data-aim-local] .hall-rail-quick-option[aria-selected="true"] {
  border-color: var(--rc-signal);
  background: var(--rc-selection-fill);
  color: var(--rc-selection-text);
}
html[data-aim-local] .hall-bottombar { border-block-start: var(--rc-hairline); background: var(--rc-paper); }
html[data-aim-local] .hall-bottombar .hall-search {
  border-radius: var(--rc-r-small) !important;
  background: var(--rc-paper-raise);
  border-color: var(--rc-rule-strong);
}
@media (max-width: 1100px) {
  html[data-aim-local] .hall-rail { flex-wrap: wrap; min-inline-size: 0; }
}
@media (max-width: 1399px) {
  html[data-aim-local] .hall-topnav {
    block-size: auto;
    flex-wrap: wrap;
    gap: 0 var(--rc-space-4);
  }
  html[data-aim-local] .hall-topnav .hall-tabs { display: flex !important; order: 4; flex-basis: 100%; }
  html[data-aim-local] .hall-topnav .hall-tab { display: flex !important; min-block-size: 48px; max-inline-size: none; }
  html[data-aim-local] .hall-topnav .hall-topnav-right { order: 0; flex-basis: auto; margin: 0; padding: 0; }
  html[data-aim-local] .hall-brand { margin-inline-end: auto; min-block-size: 56px; }
}
@media (max-width: 700px) {
  html[data-aim-local] .hall-topnav { padding-inline: var(--rc-space-4); }
  html[data-aim-local] .hall-topnav .hall-tabs { gap: var(--rc-space-6); }
  html[data-aim-local] .hall-topnav .hall-brand { inline-size: auto !important; min-inline-size: 72px; padding: 0 !important; }
  html[data-aim-local] .hall-topnav .hall-topnav-right { display: none !important; }
  html[data-aim-local] .hall-body:has(> .hall-ball-detail) {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
  }
  html[data-aim-local] .hall-body > :is(.hall-ball-center, .hall-ball-detail) {
    flex: none;
    inline-size: 100%;
    overflow: visible;
  }
  html[data-aim-local] .hall-ball-center .hall-ball-wall-scroll { flex: none; overflow: visible; }
  html[data-aim-local] .hall-rail {
    flex-wrap: nowrap;
    gap: var(--rc-space-2);
    padding-inline: var(--rc-space-4);
    overflow-x: auto;
  }
  html[data-aim-local] .hall-rail-quick-wrap { display: none; }
  html[data-aim-local] .hall-rail .hall-rail-item { display: inline-flex; }
  html[data-aim-local] .hall-rail .hall-rail-item span { display: inline; }
}