/* ERPNext Chinese Desk redesign - persistent asset patch */
:root {
  --zy-ink: #0b1739;
  --zy-ink-2: #102653;
  --zy-blue: #165dff;
  --zy-blue-hover: #0f4fe0;
  --zy-blue-soft: #eef4ff;
  --zy-text: #15213d;
  --zy-muted: #66728a;
  --zy-line: #dce5f2;
  --zy-canvas: #f4f7fb;
  --zy-white: #fff;
  --zy-nav-height: 58px;
  --zy-sidebar-width: 248px;
}

/* ── Global navigation (top bar + sidebar) ── */
html.zy-nav-redesign body {
  background: var(--zy-canvas);
  color: var(--zy-text);
  font-family: "PingFang SC", "Microsoft YaHei", "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
}

html.zy-nav-redesign .body-sidebar-container,
html.zy-nav-redesign .body-sidebar {
  width: var(--zy-sidebar-width) !important;
}

html.zy-nav-redesign .body-sidebar {
  padding: 18px 14px 16px;
  border: 0;
  border-right: 1px solid var(--zy-line);
  background: var(--zy-white);
  box-shadow: none;
}

html.zy-nav-redesign .body-sidebar .sidebar-header {
  min-height: auto;
  margin: 0 2px 18px;
  padding: 6px 8px 18px !important;
  border-bottom: 1px solid var(--zy-line);
}

html.zy-nav-redesign .body-sidebar .header-logo {
  width: 36px;
  height: 36px;
  padding: 6px;
  border-radius: 11px;
  background: var(--zy-blue-soft);
}

html.zy-nav-redesign .body-sidebar .header-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

html.zy-nav-redesign .body-sidebar .header-title {
  color: var(--zy-text) !important;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -0.01em;
}

html.zy-nav-redesign .body-sidebar .header-subtitle {
  color: var(--zy-muted) !important;
  font-size: 11px;
}

html.zy-nav-redesign .body-sidebar .sidebar-item-label,
html.zy-nav-redesign .body-sidebar .keyboard-shortcut {
  display: block !important;
}

html.zy-nav-redesign .body-sidebar .standard-items-sections {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #edf1f7;
}

html.zy-nav-redesign .body-sidebar .sidebar-item-container,
html.zy-nav-redesign .body-sidebar .navbar-search-bar,
html.zy-nav-redesign .body-sidebar .sidebar-notification {
  margin: 2px 0;
}

html.zy-nav-redesign .body-sidebar .standard-sidebar-item,
html.zy-nav-redesign .body-sidebar .item-anchor {
  min-height: 40px;
  border-radius: 10px;
  color: #4a5670;
  transition: background 0.16s ease, color 0.16s ease;
}

html.zy-nav-redesign .body-sidebar .item-anchor {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 12px;
}

html.zy-nav-redesign .body-sidebar .sidebar-item-icon,
html.zy-nav-redesign .body-sidebar .sidebar-item-icon .icon {
  color: #7b879d !important;
  transition: color 0.16s ease;
}

html.zy-nav-redesign .body-sidebar .sidebar-item-label {
  color: inherit;
  font-size: 13px;
  font-weight: 600;
}

html.zy-nav-redesign .body-sidebar .standard-sidebar-item:hover {
  background: #f5f8fc !important;
  color: var(--zy-text) !important;
}

html.zy-nav-redesign .body-sidebar .standard-sidebar-item:hover .sidebar-item-icon,
html.zy-nav-redesign .body-sidebar .standard-sidebar-item:hover .sidebar-item-icon .icon {
  color: var(--zy-blue) !important;
}

html.zy-nav-redesign .body-sidebar .active-sidebar {
  background: var(--zy-blue-soft) !important;
  color: var(--zy-blue) !important;
  box-shadow: inset 0 0 0 1px rgba(22, 93, 255, 0.12);
}

html.zy-nav-redesign .body-sidebar .active-sidebar *,
html.zy-nav-redesign .body-sidebar .active-sidebar .sidebar-item-icon,
html.zy-nav-redesign .body-sidebar .active-sidebar .sidebar-item-icon .icon {
  color: var(--zy-blue) !important;
}

html.zy-nav-redesign .body-sidebar .navbar-search-bar .item-anchor {
  border: 1px dashed #d5deec;
  background: var(--zy-canvas);
  color: var(--zy-muted);
}

html.zy-nav-redesign .body-sidebar .navbar-search-bar .item-anchor:hover {
  border-color: #b8c9e8;
  background: var(--zy-blue-soft);
  color: var(--zy-blue);
}

html.zy-nav-redesign .body-sidebar::-webkit-scrollbar {
  width: 4px;
}

html.zy-nav-redesign .body-sidebar::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: #d5deec;
}

html.zy-nav-redesign .main-section {
  width: calc(100vw - var(--zy-sidebar-width)) !important;
  margin-left: 0;
  background: var(--zy-canvas);
}

/* The custom /desk workbench hides Frappe's sidebar, so reclaim its width. */
html.zy-nav-redesign:has(.zy-dashboard) .main-section {
  width: 100vw !important;
  max-width: 100vw !important;
  flex: 0 0 100vw;
}

html.zy-nav-redesign .page-head {
  position: sticky;
  top: 0;
  z-index: 25;
  min-height: var(--zy-nav-height);
  border-bottom: 1px solid var(--zy-line);
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(10px);
  box-shadow: 0 1px 0 rgba(11, 23, 57, 0.03);
}

html.zy-nav-redesign .page-head .container {
  width: 100%;
  max-width: none;
  padding: 0 28px;
}

html.zy-nav-redesign .page-head-content {
  min-height: var(--zy-nav-height);
}

html.zy-nav-redesign .navbar-breadcrumbs a {
  color: var(--zy-muted);
  font-size: 13px;
  font-weight: 500;
  transition: color 0.15s ease;
}

html.zy-nav-redesign .navbar-breadcrumbs a:hover {
  color: var(--zy-blue);
}

html.zy-nav-redesign .navbar-breadcrumbs li:last-child a {
  color: var(--zy-text);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.01em;
}

html.zy-nav-redesign .page-head .btn-default,
html.zy-nav-redesign .page-head .btn-secondary {
  min-height: 36px;
  padding: 0 14px;
  border: 1px solid var(--zy-line);
  border-radius: 9px;
  background: var(--zy-white);
  color: var(--zy-text);
  font-size: 13px;
  font-weight: 600;
  transition: border-color 0.15s ease, background 0.15s ease;
}

html.zy-nav-redesign .page-head .btn-primary {
  min-height: 36px;
  padding: 0 16px;
  border: 0;
  border-radius: 9px;
  background: var(--zy-blue);
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  box-shadow: 0 4px 12px rgba(22, 93, 255, 0.22);
}

html.zy-nav-redesign .page-head .btn-primary:hover {
  background: var(--zy-blue-hover);
}

html.zy-nav-redesign .page-head .btn-default:hover,
html.zy-nav-redesign .page-head .btn-secondary:hover {
  border-color: #b8c9e8;
  background: var(--zy-blue-soft);
}

html.zy-nav-redesign .page-body {
  background: var(--zy-canvas);
}

html.zy-nav-redesign .user-onboarding {
  display: none !important;
}

.desktop-wrapper {
  min-height: 100vh;
  background: var(--zy-canvas);
  color: var(--zy-text);
  font-family: "PingFang SC", "Microsoft YaHei", "Segoe UI", sans-serif;
}

/* ── Desk home: operations-focused workbench ── */
.desktop-wrapper .desktop-navbar {
  position: sticky;
  top: 0;
  z-index: 30;
  height: 64px;
  padding: 0 28px;
  border: 0;
  background: #0b1739;
  box-shadow: 0 4px 18px rgba(11, 23, 57, .15);
}
.desktop-wrapper .navbar-home { display: flex; align-items: center; min-width: 220px; gap: 11px; }
.desktop-wrapper .navbar-home::after {
  content: "业务管理中心";
  color: #fff;
  font-size: 17px;
  font-weight: 700;
  white-space: nowrap;
}
.desktop-wrapper #brand-logo {
  width: 34px;
  height: 34px;
  padding: 7px;
  border-radius: 9px;
  background: rgba(255, 255, 255, .16);
  filter: brightness(0) invert(1);
}
.desktop-wrapper .desktop-search-wrapper { width: min(440px, 40vw); margin: 0 auto; }
.desktop-wrapper .desktop-navbar-modal-search {
  min-height: 40px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 9px;
  background: #fff;
  color: #6f7d95;
  box-shadow: 0 4px 15px rgba(0, 0, 0, .10);
}
.desktop-wrapper .desktop-navbar-modal-search:hover,
.desktop-wrapper .desktop-navbar-modal-search:focus-within { border-color: #8bb5ff; box-shadow: 0 0 0 3px rgba(73, 135, 255, .22); }
.desktop-wrapper .desktop-keyboard-shortcut {
  padding: 3px 7px;
  border: 1px solid #e2e8f2;
  border-radius: 5px;
  background: #f7f9fc;
  color: #7d8aa0;
  font-size: 11px;
}
.desktop-wrapper .navbar-user,
.desktop-wrapper .navbar-notifications,
.desktop-wrapper .nav-link,
.desktop-wrapper .navbar .icon { color: #dbe6ff !important; }
.desktop-wrapper .navbar-notifications:hover,
.desktop-wrapper .nav-link:hover { color: #fff !important; }
.desktop-wrapper .avatar-frame { border: 2px solid rgba(255, 255, 255, .35); }

.desktop-container {
  min-height: calc(100vh - 64px);
  padding: 0 !important;
  background: #f3f6fb;
}
.desktop-container > .icons-container { display: none !important; }
.zy-dashboard {
  width: min(1220px, calc(100vw - 64px));
  margin: 0 auto;
  padding: 38px 0 58px;
}
.zy-dashboard__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 24px;
}
.zy-dashboard h1 { margin: 0 0 7px; color: #102653; font-size: 30px; line-height: 1.2; font-weight: 750; letter-spacing: -.02em; }
.zy-dashboard__intro { margin: 0; color: #64728a; font-size: 14px; }
.zy-dashboard__date { color: #74829a; font-size: 13px; }
.zy-dashboard__layout { display: grid; grid-template-columns: minmax(0, 2.08fr) minmax(310px, 1fr); gap: 18px; align-items: start; }
.zy-dashboard__aside { display: grid; gap: 18px; }
.zy-panel {
  overflow: hidden;
  border: 1px solid #d9e3ef;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 9px 28px rgba(31, 50, 84, .055);
}
.zy-panel__head { display: flex; align-items: center; min-height: 72px; padding: 17px 20px; border-bottom: 1px solid #e5ebf3; }
.zy-panel__head h2 { margin: 0; color: #172643; font-size: 17px; line-height: 1.35; font-weight: 700; }
.zy-panel__head p { margin: 4px 0 0; color: #8893a6; font-size: 12px; }
.zy-business-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.zy-module {
  position: relative;
  display: flex;
  min-height: 122px;
  align-items: center;
  gap: 13px;
  padding: 20px 18px;
  border-right: 1px solid #e5ebf3;
  border-bottom: 1px solid #e5ebf3;
  color: #172643;
  text-decoration: none !important;
  transition: background .16s ease, box-shadow .16s ease;
}
.zy-module:nth-child(3n) { border-right: 0; }
.zy-module:nth-child(n+7) { border-bottom: 0; }
.zy-module:hover,
.zy-module:focus-visible { z-index: 2; background: #f3f7ff; box-shadow: inset 3px 0 #165dff; color: #172643; outline: 0; }
.zy-module__icon { display: grid; width: 50px; height: 50px; flex: 0 0 50px; place-items: center; border-radius: 11px; background: #edf4ff; }
.zy-module__icon img { width: 31px; height: 31px; object-fit: contain; }
.zy-module__body { min-width: 0; }
.zy-module__body strong { display: block; color: #15213d; font-size: 15px; font-weight: 700; }
.zy-module__body small { display: block; margin-top: 6px; color: #7c889d; font-size: 11px; line-height: 1.55; }
.zy-row-arrow { margin-left: auto; color: #9aa7bb; font-size: 20px; line-height: 1; transition: transform .16s ease, color .16s ease; }
.zy-module:hover .zy-row-arrow,
.zy-action:hover .zy-row-arrow,
.zy-report:hover .zy-row-arrow,
.zy-finance:hover .zy-row-arrow { color: #165dff; transform: translateX(2px); }

.zy-action-list, .zy-report-list { padding: 6px 14px 12px; }
.zy-action, .zy-report {
  display: flex;
  width: 100%;
  min-height: 50px;
  align-items: center;
  gap: 11px;
  padding: 8px 7px;
  border: 0;
  border-bottom: 1px solid #edf1f6;
  border-radius: 0;
  background: transparent;
  color: #283650;
  font: inherit;
  font-size: 13px;
  font-weight: 600;
  text-align: left;
  text-decoration: none !important;
  cursor: pointer;
  transition: color .16s ease, background .16s ease;
}
.zy-action:last-child, .zy-report:last-child { border-bottom: 0; }
.zy-action:hover, .zy-action:focus-visible, .zy-report:hover, .zy-report:focus-visible { background: #f6f9fe; color: #165dff; outline: 0; }
.zy-line-icon { display: grid; width: 30px; height: 30px; flex: 0 0 30px; place-items: center; border-radius: 8px; background: #edf4ff; color: #165dff; }
.zy-line-icon svg { width: 17px; height: 17px; }

.zy-finance-panel { margin-top: 18px; }
.zy-finance-list { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); }
.zy-finance {
  display: flex;
  min-height: 82px;
  align-items: center;
  gap: 11px;
  padding: 15px 18px;
  border-right: 1px solid #e5ebf3;
  color: #172643;
  text-decoration: none !important;
  transition: background .16s ease;
}
.zy-finance:last-child { border-right: 0; }
.zy-finance:hover, .zy-finance:focus-visible { background: #f3f7ff; color: #172643; outline: 0; }
.zy-finance__icon { display: grid; width: 38px; height: 38px; flex: 0 0 38px; place-items: center; border-radius: 9px; background: #edf4ff; color: #165dff; font-size: 15px; font-weight: 800; }
.zy-finance strong { display: block; font-size: 14px; font-weight: 700; }
.zy-finance small { display: block; margin-top: 4px; color: #8792a6; font-size: 10px; }

@media (max-width: 1040px) {
  .zy-dashboard { width: calc(100vw - 36px); padding-top: 30px; }
  .zy-dashboard__layout { grid-template-columns: 1fr; }
  .zy-dashboard__aside { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .zy-finance-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .zy-finance { border-bottom: 1px solid #e5ebf3; }
  .zy-finance:nth-child(3n) { border-right: 0; }
}

@media (max-width: 700px) {
  html.zy-nav-redesign .body-sidebar-container,
  html.zy-nav-redesign .body-sidebar { width: 56px !important; }
  html.zy-nav-redesign .main-section { width: calc(100vw - 56px) !important; }
  html.zy-nav-redesign:has(.zy-dashboard) .main-section {
    width: 100vw !important;
    max-width: 100vw !important;
    flex-basis: 100vw;
  }
  html.zy-nav-redesign .body-sidebar { padding: 14px 6px; }
  html.zy-nav-redesign .body-sidebar .sidebar-item-label,
  html.zy-nav-redesign .body-sidebar .keyboard-shortcut,
  html.zy-nav-redesign .body-sidebar .title-container { display: none !important; }
  html.zy-nav-redesign .body-sidebar .item-anchor { justify-content: center; padding: 0; }
  html.zy-nav-redesign .body-sidebar .sidebar-header { padding-bottom: 12px !important; }
  html.zy-nav-redesign .page-head .container { padding: 0 14px; }
  html.zy-nav-redesign .navbar-breadcrumbs li:not(:last-child) { display: none; }
  html.zy-nav-redesign .navbar-breadcrumbs li:last-child a { font-size: 15px; }
}

@media (max-width: 620px) {
  .desktop-wrapper .desktop-navbar { flex-wrap: wrap; height: 112px; padding: 10px 14px; gap: 8px; }
  .desktop-wrapper .navbar-home { order: 1; min-width: auto; }
  .desktop-wrapper .navbar-home::after { font-size: 15px; }
  .desktop-wrapper #brand-logo { width: 30px; height: 30px; }
  .desktop-wrapper .desktop-search-wrapper { order: 3; width: 100%; max-width: none; flex-basis: 100%; }
  .desktop-wrapper .desktop-navbar > :last-child { order: 2; margin-left: auto; }
  .desktop-container { min-height: calc(100vh - 112px); }
  .zy-dashboard { width: calc(100vw - 24px); padding: 24px 0 38px; }
  .zy-dashboard__head { align-items: flex-start; margin-bottom: 20px; }
  .zy-dashboard h1 { font-size: 25px; }
  .zy-dashboard__date { display: none; }
  .zy-dashboard__aside { grid-template-columns: 1fr; }
  .zy-business-grid { grid-template-columns: 1fr; }
  .zy-module { min-height: 92px; border-right: 0; border-bottom: 1px solid #e5ebf3 !important; padding: 15px 16px; }
  .zy-module:last-child { border-bottom: 0 !important; }
  .zy-module__icon { width: 44px; height: 44px; flex-basis: 44px; }
  .zy-module__icon img { width: 28px; height: 28px; }
  .zy-finance-list { grid-template-columns: 1fr; }
  .zy-finance { min-height: 68px; border-right: 0 !important; border-bottom: 1px solid #e5ebf3; }
  .zy-finance:last-child { border-bottom: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .zy-module, .zy-action, .zy-report, .zy-finance, .zy-row-arrow { transition: none; }
}

/* Chinese module workspace redesign */
html.zy-workspace-redesign body {
  background: var(--zy-canvas);
  color: var(--zy-text);
  font-family: "Microsoft YaHei", "PingFang SC", Inter, sans-serif;
}

html.zy-workspace-redesign .body-sidebar-container,
html.zy-workspace-redesign .body-sidebar {
  width: 228px !important;
}

html.zy-workspace-redesign .body-sidebar {
  padding: 18px 12px 14px;
  border: 0;
  background: var(--zy-ink);
  color: #dce7ff;
  box-shadow: 4px 0 24px rgba(11,23,57,.10);
}

html.zy-workspace-redesign .body-sidebar .sidebar-header {
  min-height: 54px;
  margin: 0 4px 16px;
  padding: 7px 10px !important;
  border-bottom: 1px solid rgba(255,255,255,.12);
}

html.zy-workspace-redesign .body-sidebar .header-logo {
  width: 38px;
  height: 38px;
  padding: 7px;
  border-radius: 10px;
  background: #fff;
}

html.zy-workspace-redesign .body-sidebar .header-logo img { width: 100%; height: 100%; }
html.zy-workspace-redesign .body-sidebar .header-title { color: #fff !important; font-size: 16px; font-weight: 700; }
html.zy-workspace-redesign .body-sidebar .header-subtitle { color: #91a5ce !important; font-size: 11px; }
html.zy-workspace-redesign .body-sidebar .sidebar-item-label,
html.zy-workspace-redesign .body-sidebar .keyboard-shortcut { display: block !important; }

html.zy-workspace-redesign .body-sidebar .sidebar-item-container,
html.zy-workspace-redesign .body-sidebar .navbar-search-bar,
html.zy-workspace-redesign .body-sidebar .sidebar-notification {
  margin: 3px 0;
}

html.zy-workspace-redesign .body-sidebar .standard-sidebar-item,
html.zy-workspace-redesign .body-sidebar .item-anchor {
  min-height: 42px;
  border-radius: 9px;
  color: #c9d5ef;
}

html.zy-workspace-redesign .body-sidebar .item-anchor {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 0 12px;
}

html.zy-workspace-redesign .body-sidebar .sidebar-item-icon,
html.zy-workspace-redesign .body-sidebar .sidebar-item-icon .icon {
  color: #c9d5ef !important;
}

html.zy-workspace-redesign .body-sidebar .standard-sidebar-item:hover,
html.zy-workspace-redesign .body-sidebar .active-sidebar {
  background: var(--zy-blue) !important;
  color: #fff !important;
}

html.zy-workspace-redesign .body-sidebar .standard-sidebar-item:hover *,
html.zy-workspace-redesign .body-sidebar .active-sidebar * { color: #fff !important; }
html.zy-workspace-redesign .body-sidebar .sidebar-item-label { color: inherit; font-size: 14px; font-weight: 600; }
html.zy-workspace-redesign .body-sidebar .standard-items-sections { border-bottom: 1px solid rgba(255,255,255,.10); margin-bottom: 9px; padding-bottom: 9px; }
html.zy-workspace-redesign .body-sidebar::-webkit-scrollbar { width: 5px; }
html.zy-workspace-redesign .body-sidebar::-webkit-scrollbar-track { background: transparent; }
html.zy-workspace-redesign .body-sidebar::-webkit-scrollbar-thumb { border-radius: 6px; background: rgba(255,255,255,.18); }
html.zy-workspace-redesign .user-onboarding { display: none !important; }

html.zy-workspace-redesign .main-section {
  width: calc(100vw - 228px) !important;
  margin-left: 0;
  background: var(--zy-canvas);
}

html.zy-workspace-redesign .page-head {
  height: 64px;
  border-bottom: 1px solid var(--zy-line);
  background: #fff;
  box-shadow: 0 3px 15px rgba(29,47,85,.04);
}

html.zy-workspace-redesign .page-head .container {
  width: 100%;
  max-width: none;
  padding: 0 28px;
}

html.zy-workspace-redesign .navbar-breadcrumbs a {
  color: var(--zy-text);
  font-size: 14px;
  font-weight: 650;
}

html.zy-workspace-redesign .page-body {
  width: 100%;
  max-width: none;
  padding: 0 28px 50px;
  background: var(--zy-canvas);
}

html.zy-workspace-redesign .layout-main-section-wrapper,
html.zy-workspace-redesign .layout-main-section {
  width: 100% !important;
  max-width: 1180px !important;
}

html.zy-workspace-redesign .layout-main-section-wrapper { margin: 0 auto; }
html.zy-workspace-redesign .layout-main-section { padding-top: 0; }

.zy-workspace-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 28px 0 22px;
}

.zy-workspace-heading { display: flex; align-items: center; gap: 15px; min-width: 0; }
.zy-workspace-heading__icon {
  display: grid;
  width: 50px;
  height: 50px;
  flex: 0 0 50px;
  place-items: center;
  border-radius: 13px;
  background: var(--zy-blue-soft);
}
.zy-workspace-heading__icon img { width: 32px; height: 32px; }
.zy-workspace-heading h1 { margin: 0 0 5px; color: var(--zy-text); font-size: 27px; line-height: 1.2; font-weight: 750; letter-spacing: -.02em; }
.zy-workspace-heading p { margin: 0; color: var(--zy-muted); font-size: 14px; }

.zy-workspace-actions { display: flex; align-items: center; gap: 10px; }
.zy-workspace-action {
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 16px;
  border: 1px solid #cbd7e7;
  border-radius: 9px;
  background: #fff;
  color: var(--zy-text);
  font-family: inherit;
  font-size: 13px;
  font-weight: 650;
  cursor: pointer;
  transition: border-color .16s ease, background .16s ease, transform .16s ease;
}
.zy-workspace-action svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.zy-workspace-action:hover { border-color: var(--zy-blue); background: var(--zy-blue-soft); transform: translateY(-1px); }
.zy-workspace-action--primary { border-color: var(--zy-blue); background: var(--zy-blue); color: #fff; box-shadow: 0 8px 18px rgba(22,93,255,.20); }
.zy-workspace-action--primary:hover { background: #0e50e8; color: #fff; }

html.zy-workspace-redesign .editor-js-container { margin-top: 0 !important; }
html.zy-workspace-redesign .codex-editor__redactor { margin: 0 -8px; padding-bottom: 80px !important; }
html.zy-workspace-redesign .ce-block { padding: 8px !important; }
html.zy-workspace-redesign .ce-block__content { max-width: none; }

html.zy-workspace-redesign .widget:not(.spacer) {
  border: 1px solid var(--zy-line);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 6px 20px rgba(29,47,85,.045);
}

html.zy-workspace-redesign .dashboard-widget-box { padding: 18px 20px; }
html.zy-workspace-redesign .number-widget-box { min-height: 104px; padding: 18px 20px; }
html.zy-workspace-redesign .number-widget-box .widget-title { color: var(--zy-muted); font-size: 13px; }
html.zy-workspace-redesign .number-widget-box .number { color: var(--zy-text); font-size: 28px; font-weight: 750; }
html.zy-workspace-redesign .widget-head { margin-bottom: 12px; }
html.zy-workspace-redesign .widget-title { color: var(--zy-text); font-size: 15px; font-weight: 700; }
html.zy-workspace-redesign .chart-container .axis text { fill: #77839a; font-family: "Microsoft YaHei", "PingFang SC", sans-serif; font-size: 10px; }
html.zy-workspace-redesign .chart-container .line-horizontal { stroke: #dce5f2; stroke-dasharray: 4 4; }

html.zy-workspace-redesign .ce-header { margin: 10px 0 2px; color: var(--zy-text); font-size: 18px; }
html.zy-workspace-redesign .links-widget-box { min-height: 230px; padding: 17px 18px; }
html.zy-workspace-redesign .links-widget-box .widget-head { padding-bottom: 10px; border-bottom: 1px solid var(--zy-line); }
html.zy-workspace-redesign .link-item { min-height: 34px; padding: 7px 5px; border-bottom: 1px solid #edf1f7; color: #34415b; font-size: 13px; }
html.zy-workspace-redesign .link-item:last-child { border-bottom: 0; }
html.zy-workspace-redesign .link-item:hover { color: var(--zy-blue); background: var(--zy-blue-soft); }

@media (max-width: 1000px) {
  .zy-workspace-hero { align-items: flex-start; flex-direction: column; }
  .zy-workspace-actions { width: 100%; flex-wrap: wrap; }
}

@media (max-width: 700px) {
  html.zy-workspace-redesign .body-sidebar-container,
  html.zy-workspace-redesign .body-sidebar { width: 50px !important; }
  html.zy-workspace-redesign .main-section { width: calc(100vw - 50px) !important; }
  html.zy-workspace-redesign .body-sidebar { padding: 12px 5px; }
  html.zy-workspace-redesign .body-sidebar .sidebar-item-label,
  html.zy-workspace-redesign .body-sidebar .keyboard-shortcut,
  html.zy-workspace-redesign .body-sidebar .title-container { display: none !important; }
  html.zy-workspace-redesign .body-sidebar .item-anchor { justify-content: center; padding: 0; }
  html.zy-workspace-redesign .page-head .container,
  html.zy-workspace-redesign .page-body { padding-left: 14px; padding-right: 14px; }
  .zy-workspace-hero { padding: 22px 0 16px; }
  .zy-workspace-heading__icon { width: 44px; height: 44px; flex-basis: 44px; }
  .zy-workspace-heading h1 { font-size: 24px; }
  .zy-workspace-heading p { font-size: 13px; }
  .zy-workspace-actions { display: grid; grid-template-columns: 1fr 1fr; }
  .zy-workspace-action { padding: 0 10px; }
  .zy-workspace-action--primary { grid-column: 1 / -1; }
}

/* Global Chinese list and ledger page redesign */
html.zy-list-redesign body {
  background: var(--zy-canvas);
  color: var(--zy-text);
  font-family: "Microsoft YaHei", "PingFang SC", Inter, sans-serif;
}

@media (min-width: 701px) {
  html.zy-list-redesign .body-sidebar-container,
  html.zy-list-redesign .body-sidebar { width: 228px !important; }
  html.zy-list-redesign .main-section { width: calc(100vw - 228px) !important; }
}

html.zy-list-redesign .body-sidebar {
  padding: 18px 12px 14px;
  border: 0;
  background: var(--zy-ink);
  color: #dce7ff;
  box-shadow: 4px 0 24px rgba(11,23,57,.10);
}
html.zy-list-redesign .body-sidebar .sidebar-header { min-height: 54px; margin: 0 4px 16px; padding: 7px 10px !important; border-bottom: 1px solid rgba(255,255,255,.12); }
html.zy-list-redesign .body-sidebar .header-logo { width: 38px; height: 38px; padding: 7px; border-radius: 10px; background: #fff; }
html.zy-list-redesign .body-sidebar .header-logo img { width: 100%; height: 100%; }
html.zy-list-redesign .body-sidebar .header-title { color: #fff !important; font-size: 16px; font-weight: 700; }
html.zy-list-redesign .body-sidebar .header-subtitle { color: #91a5ce !important; font-size: 11px; }
html.zy-list-redesign .body-sidebar .sidebar-item-label,
html.zy-list-redesign .body-sidebar .keyboard-shortcut { display: block !important; }
html.zy-list-redesign .body-sidebar .standard-items-sections { margin-bottom: 9px; padding-bottom: 9px; border-bottom: 1px solid rgba(255,255,255,.10); }
html.zy-list-redesign .body-sidebar .sidebar-item-container,
html.zy-list-redesign .body-sidebar .navbar-search-bar,
html.zy-list-redesign .body-sidebar .sidebar-notification { margin: 3px 0; }
html.zy-list-redesign .body-sidebar .standard-sidebar-item,
html.zy-list-redesign .body-sidebar .item-anchor { min-height: 42px; border-radius: 9px; color: #c9d5ef; }
html.zy-list-redesign .body-sidebar .item-anchor { display: flex; align-items: center; gap: 11px; padding: 0 12px; }
html.zy-list-redesign .body-sidebar .sidebar-item-icon,
html.zy-list-redesign .body-sidebar .sidebar-item-icon .icon { color: #c9d5ef !important; }
html.zy-list-redesign .body-sidebar .standard-sidebar-item:hover,
html.zy-list-redesign .body-sidebar .active-sidebar { background: var(--zy-blue) !important; color: #fff !important; }
html.zy-list-redesign .body-sidebar .standard-sidebar-item:hover *,
html.zy-list-redesign .body-sidebar .active-sidebar * { color: #fff !important; }
html.zy-list-redesign .body-sidebar .sidebar-item-label { color: inherit; font-size: 14px; font-weight: 600; }
html.zy-list-redesign .body-sidebar::-webkit-scrollbar { width: 5px; }
html.zy-list-redesign .body-sidebar::-webkit-scrollbar-thumb { border-radius: 6px; background: rgba(255,255,255,.18); }
html.zy-list-redesign .user-onboarding { display: none !important; }

html.zy-list-redesign .main-section { background: var(--zy-canvas); }
html.zy-list-redesign .page-head {
  position: sticky;
  top: 0;
  z-index: 25;
  min-height: 70px;
  border-bottom: 1px solid var(--zy-line);
  background: #fff;
  box-shadow: 0 3px 15px rgba(29,47,85,.045);
}
html.zy-list-redesign .page-head .container { width: 100%; max-width: none; padding: 0 28px; }
html.zy-list-redesign .page-head-content { min-height: 70px; }
html.zy-list-redesign .navbar-breadcrumbs a { color: #536078; font-size: 13px; font-weight: 600; }
html.zy-list-redesign .navbar-breadcrumbs li:last-child a { color: var(--zy-text); font-size: 21px; font-weight: 750; letter-spacing: -.01em; }
html.zy-list-redesign .page-head .page-actions { gap: 7px; }
html.zy-list-redesign .page-head .btn-default,
html.zy-list-redesign .page-head .btn-secondary { min-height: 38px; padding: 0 12px; border: 1px solid #d2dce9; border-radius: 8px; background: #fff; color: #3d4961; font-size: 12px; font-weight: 600; }
html.zy-list-redesign .page-head .btn-primary { min-height: 40px; padding: 0 17px; border: 0; border-radius: 8px; background: var(--zy-blue); color: #fff; font-size: 13px; font-weight: 700; box-shadow: 0 7px 16px rgba(22,93,255,.18); }
html.zy-list-redesign .page-head .btn:hover { border-color: var(--zy-blue); }

html.zy-list-redesign .page-body { width: 100%; max-width: none; min-height: calc(100vh - 70px); padding: 20px 26px 42px; background: var(--zy-canvas); }
html.zy-list-redesign .layout-main { display: block; }
html.zy-list-redesign .layout-side-section { display: none; }
html.zy-list-redesign .layout-main-section-wrapper,
html.zy-list-redesign .layout-main-section { width: 100% !important; max-width: 1250px !important; }
html.zy-list-redesign .layout-main-section-wrapper { margin: 0 auto; }

html.zy-list-redesign .list-view .page-form {
  display: flex !important;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 16px;
  padding: 17px 18px;
  border: 1px solid var(--zy-line);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 5px 18px rgba(29,47,85,.04);
}
html.zy-list-redesign .standard-filter-section { display: flex; flex: 1 1 850px; flex-wrap: wrap; gap: 10px; }
html.zy-list-redesign .standard-filter-section .frappe-control { flex: 1 1 165px; width: auto !important; max-width: none !important; padding: 0; }
html.zy-list-redesign .standard-filter-section .form-group { margin: 0; }
html.zy-list-redesign .standard-filter-section .form-control,
html.zy-list-redesign .standard-filter-section input,
html.zy-list-redesign .standard-filter-section select {
  min-height: 40px;
  border: 1px solid #ccd7e7 !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: var(--zy-text);
  font-family: inherit;
  font-size: 13px;
  box-shadow: none !important;
}
html.zy-list-redesign .standard-filter-section .form-control:focus,
html.zy-list-redesign .standard-filter-section input:focus,
html.zy-list-redesign .standard-filter-section select:focus { border-color: var(--zy-blue) !important; box-shadow: 0 0 0 3px rgba(22,93,255,.10) !important; }
html.zy-list-redesign .standard-filter-section .input-group-btn .btn { min-height: 40px; border: 1px solid #ccd7e7; border-left: 0; border-radius: 0 8px 8px 0; background: #fff; }
html.zy-list-redesign .filter-section { display: flex; flex: 0 0 auto; align-items: center; gap: 6px; margin-left: auto; }
html.zy-list-redesign .filter-section .btn { min-height: 40px; border: 1px solid #cbd7e7; border-radius: 8px; background: #fff; color: #3c4961; font-size: 13px; }
html.zy-list-redesign .filter-section .filter-button { border-color: #b9cdf5; background: var(--zy-blue-soft); color: var(--zy-blue); font-weight: 700; }

html.zy-list-redesign .frappe-list {
  position: relative;
  display: flex;
  min-height: 500px;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--zy-line);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 6px 22px rgba(29,47,85,.045);
}
html.zy-list-redesign .frappe-list .result-container,
html.zy-list-redesign .frappe-list .result { display: block !important; width: 100% !important; height: auto !important; min-height: 52px !important; flex: 0 0 auto; overflow: hidden !important; }
html.zy-list-redesign .frappe-list .list-row-container { width: 100% !important; border: 0; }
html.zy-list-redesign .frappe-list .list-row-head {
  min-height: 52px;
  padding: 0 18px;
  border-bottom: 1px solid var(--zy-line);
  background: #f7f9fc;
  color: #34415b !important;
  font-size: 13px;
  font-weight: 700;
}
html.zy-list-redesign .frappe-list .list-row { min-height: 50px; padding: 0 18px; border-bottom: 1px solid #edf1f7; color: #34415b; font-size: 13px; }
html.zy-list-redesign .frappe-list .list-row:hover { background: var(--zy-blue-soft); }
html.zy-list-redesign .frappe-list .no-result {
  display: flex;
  min-height: 320px;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  color: #758198 !important;
  font-size: 14px;
}
html.zy-list-redesign .frappe-list .no-result .btn { min-height: 38px; padding: 0 16px; border: 1px solid #c5d7f8; border-radius: 8px; background: var(--zy-blue-soft); color: var(--zy-blue); font-size: 13px; font-weight: 700; }
html.zy-list-redesign .list-paging-area { min-height: 56px; margin-top: auto; padding: 10px 16px; border-top: 1px solid var(--zy-line); background: #fff; }
html.zy-list-redesign .list-paging-area .btn { min-height: 34px; border-color: #d2dce9; border-radius: 7px; background: #fff; color: #4a566d; }
html.zy-list-redesign .list-count { color: #69758c; font-size: 12px; }

@media (max-width: 900px) {
  html.zy-list-redesign .page-head .custom-actions { display: none !important; }
  html.zy-list-redesign .standard-filter-section .frappe-control { flex-basis: calc(50% - 6px); }
}

@media (max-width: 700px) {
  html.zy-list-redesign .body-sidebar-container,
  html.zy-list-redesign .body-sidebar { width: 50px !important; }
  html.zy-list-redesign .main-section { width: calc(100vw - 50px) !important; }
  html.zy-list-redesign .body-sidebar { padding: 12px 5px; }
  html.zy-list-redesign .body-sidebar .sidebar-item-label,
  html.zy-list-redesign .body-sidebar .keyboard-shortcut,
  html.zy-list-redesign .body-sidebar .title-container { display: none !important; }
  html.zy-list-redesign .body-sidebar .item-anchor { justify-content: center; padding: 0; }
  html.zy-list-redesign .page-head { min-height: 62px; }
  html.zy-list-redesign .page-head .container { padding: 0 12px; }
  html.zy-list-redesign .navbar-breadcrumbs li:not(:last-child) { display: none; }
  html.zy-list-redesign .navbar-breadcrumbs li:last-child a { font-size: 18px; }
  html.zy-list-redesign .page-body { padding: 12px 10px 30px; }
  html.zy-list-redesign .list-view .page-form { padding: 12px; }
  html.zy-list-redesign .standard-filter-section .frappe-control { flex-basis: 100%; }
  html.zy-list-redesign .filter-section { width: 100%; margin-left: 0; }
  html.zy-list-redesign .filter-section .btn { flex: 1; }
  html.zy-list-redesign .frappe-list { min-height: 430px; overflow-x: auto; }
  html.zy-list-redesign .frappe-list .result,
  html.zy-list-redesign .frappe-list .no-result,
  html.zy-list-redesign .list-paging-area { min-width: 680px; }
}

/* Global Chinese document form redesign */
html.zy-form-redesign body {
  background: var(--zy-canvas);
  color: var(--zy-text);
  font-family: "Microsoft YaHei", "PingFang SC", Inter, sans-serif;
}

@media (min-width: 701px) {
  html.zy-form-redesign .body-sidebar-container,
  html.zy-form-redesign .body-sidebar { width: 228px !important; }
  html.zy-form-redesign .main-section { width: calc(100vw - 228px) !important; }
}

html.zy-form-redesign .body-sidebar {
  padding: 18px 12px 14px;
  border: 0;
  background: var(--zy-ink);
  color: #dce7ff;
  box-shadow: 4px 0 24px rgba(11,23,57,.10);
}
html.zy-form-redesign .body-sidebar .sidebar-header { min-height: 54px; margin: 0 4px 16px; padding: 7px 10px !important; border-bottom: 1px solid rgba(255,255,255,.12); }
html.zy-form-redesign .body-sidebar .header-logo { width: 38px; height: 38px; padding: 7px; border-radius: 10px; background: #fff; }
html.zy-form-redesign .body-sidebar .header-logo img { width: 100%; height: 100%; }
html.zy-form-redesign .body-sidebar .header-title { color: #fff !important; font-size: 16px; font-weight: 700; }
html.zy-form-redesign .body-sidebar .header-subtitle { color: #91a5ce !important; font-size: 11px; }
html.zy-form-redesign .body-sidebar .sidebar-item-label,
html.zy-form-redesign .body-sidebar .keyboard-shortcut { display: block !important; }
html.zy-form-redesign .body-sidebar .standard-items-sections { margin-bottom: 9px; padding-bottom: 9px; border-bottom: 1px solid rgba(255,255,255,.10); }
html.zy-form-redesign .body-sidebar .sidebar-item-container,
html.zy-form-redesign .body-sidebar .navbar-search-bar,
html.zy-form-redesign .body-sidebar .sidebar-notification { margin: 3px 0; }
html.zy-form-redesign .body-sidebar .standard-sidebar-item,
html.zy-form-redesign .body-sidebar .item-anchor { min-height: 42px; border-radius: 9px; color: #c9d5ef; }
html.zy-form-redesign .body-sidebar .item-anchor { display: flex; align-items: center; gap: 11px; padding: 0 12px; }
html.zy-form-redesign .body-sidebar .sidebar-item-icon,
html.zy-form-redesign .body-sidebar .sidebar-item-icon .icon { color: #c9d5ef !important; }
html.zy-form-redesign .body-sidebar .standard-sidebar-item:hover,
html.zy-form-redesign .body-sidebar .active-sidebar { background: var(--zy-blue) !important; color: #fff !important; }
html.zy-form-redesign .body-sidebar .standard-sidebar-item:hover *,
html.zy-form-redesign .body-sidebar .active-sidebar * { color: #fff !important; }
html.zy-form-redesign .body-sidebar .sidebar-item-label { color: inherit; font-size: 14px; font-weight: 600; }
html.zy-form-redesign .body-sidebar::-webkit-scrollbar { width: 5px; }
html.zy-form-redesign .body-sidebar::-webkit-scrollbar-thumb { border-radius: 6px; background: rgba(255,255,255,.18); }
html.zy-form-redesign .user-onboarding { display: none !important; }

html.zy-form-redesign .main-section { background: var(--zy-canvas); }
html.zy-form-redesign .page-head {
  position: sticky;
  top: 0;
  z-index: 25;
  height: 64px;
  border-bottom: 1px solid var(--zy-line);
  background: #fff;
  box-shadow: 0 3px 15px rgba(29,47,85,.045);
}
html.zy-form-redesign .page-head .container { width: 100%; max-width: none; padding: 0 28px; }
html.zy-form-redesign .navbar-breadcrumbs a { color: var(--zy-text); font-size: 14px; font-weight: 650; }
html.zy-form-redesign .indicator-pill.orange { border: 0; border-radius: 6px; background: #fff1ea; color: #e25d2d; font-size: 12px; }
html.zy-form-redesign .page-head .btn-primary { min-height: 38px; padding: 0 20px; border: 0; border-radius: 8px; background: var(--zy-blue); color: #fff; font-size: 13px; font-weight: 700; box-shadow: 0 7px 16px rgba(22,93,255,.18); }
html.zy-form-redesign .page-head .btn-secondary,
html.zy-form-redesign .page-head .btn-default { min-height: 36px; border-color: #cbd7e7; border-radius: 8px; background: #fff; color: var(--zy-text); font-size: 13px; }

html.zy-form-redesign .page-body { width: 100%; max-width: none; padding: 0 24px 60px; background: var(--zy-canvas); }
html.zy-form-redesign .layout-main-section-wrapper,
html.zy-form-redesign .layout-main-section { width: 100% !important; max-width: 1220px !important; }
html.zy-form-redesign .layout-main-section-wrapper { margin: 0 auto; }
html.zy-form-redesign .form-layout { margin-top: 0; background: transparent; }
html.zy-form-redesign .form-page { background: transparent; }

html.zy-form-redesign .form-tabs-list {
  position: sticky;
  top: 64px;
  z-index: 20;
  margin: 0 -24px 12px;
  padding: 0 24px;
  border-bottom: 1px solid var(--zy-line);
  background: rgba(255,255,255,.98);
}
html.zy-form-redesign .form-tabs { min-height: 52px; gap: 8px; }
html.zy-form-redesign .form-tabs .nav-link {
  position: relative;
  min-height: 52px;
  padding: 0 16px;
  border: 0;
  background: transparent;
  color: #5f6b82;
  font-family: inherit;
  font-size: 14px;
  font-weight: 650;
}
html.zy-form-redesign .form-tabs .nav-link::after { content: ""; position: absolute; right: 14px; bottom: -1px; left: 14px; height: 3px; border-radius: 3px 3px 0 0; background: transparent; }
html.zy-form-redesign .form-tabs .nav-link.active { color: var(--zy-blue); }
html.zy-form-redesign .form-tabs .nav-link.active::after { background: var(--zy-blue); }
html.zy-form-redesign .form-tab-content { padding-top: 2px; }

html.zy-form-redesign .form-section.card-section {
  overflow: visible;
  margin-bottom: 12px;
  padding: 0;
  border: 1px solid var(--zy-line);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 5px 18px rgba(29,47,85,.04);
}
html.zy-form-redesign .form-section.card-section > .section-body { padding: 20px 22px 10px; }
.zy-form-section-title,
html.zy-form-redesign .form-section .section-head {
  position: relative;
  margin: 0;
  padding: 14px 22px 12px 38px;
  border-bottom: 1px solid #edf1f7;
  color: var(--zy-text);
  font-size: 16px;
  line-height: 1.4;
  font-weight: 750;
}
.zy-form-section-title::before,
html.zy-form-redesign .form-section .section-head::before { content: ""; position: absolute; top: 15px; bottom: 13px; left: 22px; width: 4px; border-radius: 4px; background: var(--zy-blue); }

html.zy-form-redesign .form-column { padding-right: 15px; padding-left: 15px; }
html.zy-form-redesign .frappe-control { max-width: none !important; }
html.zy-form-redesign .frappe-control .form-group { margin-bottom: 16px; }
html.zy-form-redesign .frappe-control .control-label { margin-bottom: 7px; padding-right: 0 !important; color: #34415b; font-size: 13px; line-height: 1.35; font-weight: 650; }
html.zy-form-redesign .frappe-control .control-label.reqd::after { color: #e5484d; }
html.zy-form-redesign .form-control,
html.zy-form-redesign .frappe-control input,
html.zy-form-redesign .frappe-control select,
html.zy-form-redesign .frappe-control textarea {
  min-height: 40px;
  border: 1px solid #ccd7e7 !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: var(--zy-text) !important;
  font-family: inherit;
  font-size: 14px;
  font-weight: 500 !important;
  box-shadow: none !important;
  transition: border-color .16s ease, box-shadow .16s ease;
}
html.zy-form-redesign .frappe-control textarea { min-height: 88px; padding-top: 10px; }
html.zy-form-redesign .form-control:focus,
html.zy-form-redesign .frappe-control input:focus,
html.zy-form-redesign .frappe-control select:focus,
html.zy-form-redesign .frappe-control textarea:focus { border-color: var(--zy-blue) !important; box-shadow: 0 0 0 3px rgba(22,93,255,.10) !important; }
html.zy-form-redesign .like-disabled-input,
html.zy-form-redesign .control-value { min-height: 40px; padding: 9px 11px; border: 1px solid #e0e6ef; border-radius: 8px; background: #f5f7fa; color: #47536a; font-size: 14px; }
html.zy-form-redesign .help-box { margin-top: 6px; color: #7c879b; font-size: 12px; line-height: 1.45; }
html.zy-form-redesign .tooltip-content { display: none; }

html.zy-form-redesign .grid-field { margin: 4px 0 10px; }
html.zy-form-redesign .grid-field > .control-label { margin-bottom: 10px; color: var(--zy-text); font-size: 15px; font-weight: 700; }
html.zy-form-redesign .form-grid-container { overflow: hidden; border: 1px solid var(--zy-line); border-radius: 9px; background: #fff; }
html.zy-form-redesign .form-grid { border: 0; }
html.zy-form-redesign .grid-heading-row { background: #f5f8fc; }
html.zy-form-redesign .grid-heading-row .grid-row { border-bottom: 1px solid var(--zy-line); }
html.zy-form-redesign .grid-heading-row .col { min-height: 42px; padding-top: 12px; color: #44516a; font-size: 12px; font-weight: 700; }
html.zy-form-redesign .grid-body .grid-row { min-height: 42px; border-bottom-color: #edf1f7; }
html.zy-form-redesign .grid-empty { min-height: 88px; padding: 32px 16px; color: #8a95a8; font-size: 13px; }
html.zy-form-redesign .grid-footer { padding: 10px 12px; border-top: 1px solid var(--zy-line); background: #fafcff; }
html.zy-form-redesign .grid-footer .btn { min-height: 32px; border-color: #cbd7e7; border-radius: 7px; background: #fff; color: #34415b; font-size: 12px; }

@media (max-width: 700px) {
  html.zy-form-redesign .body-sidebar-container,
  html.zy-form-redesign .body-sidebar { width: 50px !important; }
  html.zy-form-redesign .main-section { width: calc(100vw - 50px) !important; }
  html.zy-form-redesign .body-sidebar { padding: 12px 5px; }
  html.zy-form-redesign .body-sidebar .sidebar-item-label,
  html.zy-form-redesign .body-sidebar .keyboard-shortcut,
  html.zy-form-redesign .body-sidebar .title-container { display: none !important; }
  html.zy-form-redesign .body-sidebar .item-anchor { justify-content: center; padding: 0; }
  html.zy-form-redesign .page-head .container { padding: 0 12px; }
  html.zy-form-redesign .page-body { padding: 0 10px 40px; }
  html.zy-form-redesign .form-tabs-list { margin: 0 -10px 10px; padding: 0 8px; overflow-x: auto; }
  html.zy-form-redesign .form-tabs { width: max-content; flex-wrap: nowrap; }
  html.zy-form-redesign .form-tabs .nav-link { padding: 0 12px; }
  html.zy-form-redesign .form-section.card-section > .section-body { padding: 16px 12px 4px; }
  .zy-form-section-title,
  html.zy-form-redesign .form-section .section-head { padding-right: 14px; padding-left: 30px; }
  .zy-form-section-title::before,
  html.zy-form-redesign .form-section .section-head::before { left: 14px; }
  html.zy-form-redesign .form-column { width: 100%; padding-right: 0; padding-left: 0; }
  html.zy-form-redesign .grid-field { overflow-x: auto; }
  html.zy-form-redesign .form-grid-container { min-width: 720px; }
}