html,
body {
  margin: 0;
  min-height: 100%;
  background: #07080a;
  color: #f3f5f7;
  font-family: "Noto Sans SC", "Microsoft YaHei", sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

body.ls-design-body {
  width: 100%;
  min-width: 0;
  min-height: calc(100vh - 56px);
  overflow-x: hidden;
  overflow-y: auto;
}

[data-mmt-page] {
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  min-height: calc(100vh - 56px) !important;
  overflow: visible !important;
}

[data-mmt-page] > [data-pencil-name="Main"] {
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: calc(100vh - 56px) !important;
}

[data-mmt-content] {
  width: 100% !important;
  height: auto !important;
  min-height: calc(100vh - 84px) !important;
}

.ls-design-node {
  min-width: 0;
}

.ls-text-node {
  overflow-wrap: break-word;
}

[data-mmt-anchor] {
  scroll-margin-top: 18px;
}

[data-pencil-name="StatusBar"] {
  pointer-events: none;
}

[data-adapt="wrap"] {
  flex-wrap: wrap !important;
}

[data-adapt="wrap"] > [data-pencil-name]:not([data-pencil-name^="Div"]):not([data-pencil-name^="Sp"]) {
  flex-shrink: 1 !important;
  max-width: 100% !important;
  min-width: min(100%, 260px);
}

[data-adapt="scroll"] {
  min-width: 0 !important;
  overflow: auto !important;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #343a45 #0b0d10;
}

[data-adapt="aspect"] {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: auto !important;
}

[data-pencil-name="周历"],
[data-pencil-name="GWrap"],
[data-pencil-name="Grid"],
[data-pencil-name="岗位图"],
[data-pencil-name="账号表"],
[data-pencil-name="结算台账"],
[data-pencil-name="日志簿"],
[data-pencil-name="审核队列"] {
  max-width: 100%;
  overflow: auto !important;
  scrollbar-width: thin;
  scrollbar-color: #343a45 #0b0d10;
}

[data-pencil-name="提词器"],
[data-pencil-name="执行清单"],
[data-pencil-name="素材调用"],
[data-pencil-name="信号告警"],
[data-pencil-name="现场记录"],
[data-pencil-name="告警记录"] {
  overflow: auto !important;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #343a45 #0b0d10;
}

[data-pencil-name="Axis"] {
  max-width: 100%;
  overflow-x: auto !important;
  scrollbar-width: thin;
  scrollbar-color: #343a45 #0b0d10;
}

[data-pencil-name="Meter"] {
  min-width: 0 !important;
  overflow: hidden !important;
}

[data-pencil-name="Meter"] [data-pencil-name="B"] {
  flex-shrink: 1 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

[data-mmt-selected="1"] {
  outline: 1px solid #ff4a3d !important;
  outline-offset: -1px;
}

[data-mmt-current="1"] {
  outline: 1px solid #ff4a3d !important;
  outline-offset: -1px;
}

[data-route-page],
[data-route-anchor],
[data-mmt-action] {
  cursor: pointer;
}

[data-route-page]:hover,
[data-route-anchor]:hover,
[data-mmt-action]:hover {
  filter: brightness(1.1);
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #0b0d10;
}

::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: #343a45;
}

@media (max-width: 1500px) {
  [data-adapt="wrap"] {
    row-gap: 14px !important;
  }

  [data-adapt="wrap"] > [data-pencil-name]:not([data-pencil-name^="Div"]):not([data-pencil-name^="Sp"]) {
    flex-basis: min(100%, 360px) !important;
  }

  [data-pencil-name="Actions"],
  [data-pencil-name="Action"],
  [data-pencil-name="Quick"] {
    max-width: 100% !important;
    flex-wrap: wrap !important;
  }
}

@media (max-width: 1180px) {
  [data-mmt-content] > [data-pencil-name="Main"] {
    flex-wrap: wrap !important;
    row-gap: 16px !important;
  }

  [data-mmt-content] > [data-pencil-name="Main"] > [data-pencil-name]:not([data-pencil-name^="Div"]):not([data-pencil-name^="Sp"]) {
    flex: 1 1 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  [data-pencil-name="PageHeader"] {
    align-items: stretch !important;
  }

  [data-pencil-name="PageHeader"] > [data-pencil-name="Actions"] {
    width: 100% !important;
    justify-content: flex-end !important;
  }
}

@media (max-width: 700px) {
  [data-mmt-page="p10-guest-reception"] [data-pencil-name="接待看板"] [data-pencil-name="Body"] {
    overflow-x: auto !important;
    overflow-y: visible !important;
    scrollbar-width: thin;
    scrollbar-color: #343a45 #0b0d10;
  }

  [data-mmt-page="p10-guest-reception"] [data-pencil-name="接待看板"] [data-pencil-name^="L/"] {
    min-width: 640px !important;
  }

  [data-mmt-page="p10-guest-reception"] [data-pencil-name="接待看板"] [data-pencil-name="Id"] {
    position: sticky;
    left: 0;
    z-index: 2;
    background: #101216;
  }
}

[data-mmt-page="p03-studio-profile"] [data-pencil-name="MainRow"] {
  min-height: 1024px !important;
}

[data-mmt-page="p03-studio-profile"] [data-pencil-name="可用时段"] {
  min-height: 242px !important;
}

/* Login page: retains the original visual assets while the card adapts to the viewport. */
body.ls-login-body {
  width: 100%;
  min-width: 0;
  height: 100vh;
  overflow: hidden;
  background: #07080a;
}

[data-mmt-page="p01-login"] {
  width: 100vw !important;
  min-width: 0 !important;
  height: 100vh !important;
  min-height: 100vh !important;
  overflow: hidden !important;
  background: #07080a;
}

[data-mmt-page="p01-login"] > [data-pencil-name="Backdrop"],
[data-mmt-page="p01-login"] > [data-pencil-name="Scrim"] {
  width: 100% !important;
  height: 100% !important;
}

[data-mmt-page="p01-login"] > [data-pencil-name="Backdrop"] {
  background-image: url("../assets/images/login-stage.jpg") !important;
}

[data-mmt-page="p01-login"] [data-pencil-name="LoginCard"] {
  left: auto !important;
  right: max(5vw, 48px) !important;
  top: 50% !important;
  width: min(440px, calc(100vw - 40px)) !important;
  max-height: calc(100vh - 40px);
  overflow-y: auto;
  transform: translateY(-50%);
}

[data-mmt-page="p01-login"] input {
  min-width: 0;
  height: 100%;
  color: #12161a;
  font: inherit;
}

[data-mmt-page="p01-login"] input::placeholder {
  color: #9aa1aa;
}

[data-mmt-page="p01-login"] [data-login-error] {
  color: #d92d20 !important;
}

[data-mmt-page="p01-login"] [data-login-error][hidden] {
  display: none !important;
}

[data-mmt-page="p01-login"] [data-mmt-action],
[data-mmt-page="p01-login"] [data-pencil-name="Btn/登录"],
[data-mmt-page="p01-login"] [data-pencil-name="Captcha"],
[data-mmt-page="p01-login"] [data-pencil-name="F"] {
  cursor: pointer;
}

@media (max-width: 980px), (max-height: 760px) {
  [data-mmt-page="p01-login"] [data-pencil-name="LoginCard"] {
    right: 50% !important;
    top: 50% !important;
    transform: translate(50%, -50%);
  }
}

@media (max-width: 520px) {
  [data-mmt-page="p01-login"] [data-pencil-name="LoginCard"] {
    width: calc(100vw - 24px) !important;
    padding: 24px !important;
  }
}