html[data-cx-ui="desktop"] {
  --navy:#fbfbfd; --navy-deep:#f5f5f7; --navy-darkest:#f5f5f7; --navy-mid:#fbfbfd; --navy-alt:#fbfbfd;
  --pri:#007aff; --pri-dark:#0066cc; --teal:#007aff; --cyan:#007aff; --cyan-soft:#5e9df6;
  --ink:#1d1d1f; --ink-2:#424245; --muted:#6e6e73; --muted-2:#86868b;
  --on-navy:#1d1d1f; --on-navy-2:#424245; --on-navy-3:#6e6e73; --on-navy-4:#6e6e73;
  --bg:#f5f5f7; --bg-soft:#fbfbfd; --bg-card:#fff; --bg-sel:#eaf2ff; --bg-sel-2:#eaf2ff; --surface:#fff;
  --line:#d2d2d7; --line-2:#e8e8ed; --line-3:#ececf0; --line-input:#d2d2d7; --line-strong:#b8b8bd;
  --rail-bg:#fbfbfd; --rail-ink:#424245; --rail-on:#0066cc;
  --sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
  --dash-bg:#f5f5f7; --dash-panel:#fff; --dash-tile:#fbfbfd; --dash-well:#f5f5f7; --dash-line:#d2d2d7; --dash-text:#424245; --dash-dim:#6e6e73; --dash-strong:#1d1d1f; --dash-warn-bg:#fff4d9; --dash-danger-bg:#ffebed;
  --dash-band:#fbfbfd; --dash-idle:#426c85; --dash-idle-2:#607d91; --dash-empty:#f0f2f5; --dash-online-bg:#e5f5f0; --dash-online-ink:#006b59;
  --dash-teal:#008b76; --dash-blue:#007aff; --dash-amber:#ac6800; --dash-red:#d21e3a; --dash-purple:#7754cc;
}
html[data-cx-ui="desktop"] body { background:var(--bg); }
html[data-cx-ui="desktop"] .sidebar { background:var(--rail-bg); border-right:1px solid var(--line); }
html[data-cx-ui="desktop"] .sidebar .brand { border-bottom-color:var(--line-2); }
html[data-cx-ui="desktop"] .sidebar .mark { border-radius:7px; background:linear-gradient(140deg,#62a5ff,#007aff); }
html[data-cx-ui="desktop"] .sidebar .item { border-radius:7px; }
html[data-cx-ui="desktop"] .sidebar .item:hover { background:var(--bg-sel); color:var(--rail-on); }
html[data-cx-ui="desktop"] .sidebar .item:focus-visible { outline:2px solid var(--pri); outline-offset:-2px; }
html[data-cx-ui="desktop"] .sidebar .collapse:hover { background:var(--bg-sel); color:var(--rail-on); }
html[data-cx-ui="desktop"] .sidebar .item.on { background:#eaf2ff; color:#0066cc; box-shadow:inset 2px 0 0 #007aff; }
html[data-cx-ui="desktop"] .sidebar .dot.on { background:#007aff; }
html[data-cx-ui="desktop"] .topbar { background:var(--surface); border-color:var(--line); }
html[data-cx-ui="desktop"] .topbar .link-badge { background:var(--bg-soft); border-color:var(--line); }
html[data-cx-ui="desktop"] .topbar .role { background:var(--surface); }
html[data-cx-ui="desktop"] .topbar .role.on { background:#007aff; color:#fff; }
html[data-cx-ui="desktop"] .topbar .avatar { background:#007aff; }
html[data-cx-ui="desktop"] .content { padding:12px 14px 28px; }
html[data-cx-ui="desktop"] .statusbar { background:var(--surface); border:1px solid var(--line); }
html[data-cx-ui="desktop"] .statusbar .sb-grid { display:none; }
html[data-cx-ui="desktop"] .statusbar .sb-no, html[data-cx-ui="desktop"] .statusbar .sb-state-name { color:var(--ink); }
html[data-cx-ui="desktop"] .statusbar .sb-div { background:var(--line); }
html[data-cx-ui="desktop"] .statusbar .wtext { color:var(--muted); }
html[data-cx-ui="desktop"] .statusbar .wtext.on { color:var(--ok); }
html[data-cx-ui="desktop"] .statusbar .ghost { color:var(--ink); border-color:var(--line); background:var(--bg-soft); }
html[data-cx-ui="desktop"] .statusbar .primary { background:var(--pri); }
html[data-cx-ui="desktop"] .statusbar .primary.locked { background:var(--line); color:var(--muted); }
html[data-cx-ui="desktop"] .statusbar .slabel.reached { color:var(--ink); }
html[data-cx-ui="desktop"] .statusbar .sline:not(.past) { background:var(--line); }
html[data-cx-ui="desktop"] .masthead .cx-ui-switch { font-size:30px; min-height:60px; padding:8px 18px; border-radius:14px; }
html[data-cx-ui="desktop"] .canvas .navtab:hover { background:var(--bg-sel); }
html[data-cx-ui="desktop"] .canvas .navtab.on { background:#eaf2ff; border-bottom-color:#007aff; }
html[data-cx-ui="desktop"] .canvas .navtab.on .name { color:#0066cc; }
html[data-cx-ui="desktop"] .topo .label { background:transparent; border:0; padding:0; text-shadow:0 1px 2px #fff,0 0 5px #fff; }
html[data-cx-ui="desktop"] .card, html[data-cx-ui="desktop"] .panel, html[data-cx-ui="desktop"] .table-wrap { border-radius:10px; }
html[data-cx-embedded="true"][data-cx-ui="desktop"] .topbar { height:40px; padding-inline:10px; }
html[data-cx-embedded="true"][data-cx-ui="desktop"] .sidebar { width:184px; }
html[data-cx-embedded="true"][data-cx-ui="desktop"] .content { padding:8px 10px 20px; }
@media(max-width:760px) { html[data-cx-ui="desktop"] .topbar { padding-inline:8px; gap:6px; } html[data-cx-ui="desktop"] .topbar .link-badge { display:none; } html[data-cx-ui="desktop"] .topbar .roles { display:none; } }