/* dafaceshi admin home dashboard — liuhe-like colorful cards */
/* stamp: 20261020-dash4 */
#daface-home-dash {
  box-sizing: border-box;
  padding: 12px 16px 24px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif;
  color: #333;
}
#daface-home-dash * { box-sizing: border-box; }

/* Hard hide when not on home or when extension overlay is open */
html.daface-not-home #daface-home-dash,
html.daface-ext-open #daface-home-dash,
body.daface-not-home #daface-home-dash,
body.daface-ext-open #daface-home-dash,
#daface-home-dash[data-daface-dash-hidden="1"],
#daface-home-dash[hidden] {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* dash4: also hide when overlay host is active */
#daface-ext-host.active ~ #daface-home-dash,
.el-main #daface-ext-host.active ~ #daface-home-dash,
.el-main:has(#daface-ext-host.active) #daface-home-dash {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Agent stats on 代理管理 page */
#daface-agent-stats {
  box-sizing: border-box;
  padding: 12px 16px 24px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif;
  color: #333;
}
html.daface-ext-open #daface-agent-stats,
body.daface-ext-open #daface-agent-stats {
  display: none !important;
}
#daface-agent-stats .agent-wrap,
#daface-home-dash .agent-wrap {
  margin-top: 8px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 1px 4px rgba(0,0,0,.06);
  padding: 12px 14px 18px;
}
#daface-agent-stats .dash-section,
#daface-home-dash .dash-section {
  font-size: 14px;
  margin: 4px 0 12px;
  letter-spacing: 1px;
  font-weight: 600;
}
#daface-agent-stats .agent-wrap table,
#daface-home-dash .agent-wrap table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
#daface-agent-stats .agent-wrap th,
#daface-agent-stats .agent-wrap td,
#daface-home-dash .agent-wrap th,
#daface-home-dash .agent-wrap td {
  border: 1px solid #e8e8e8;
  padding: 8px 10px;
  text-align: left;
}
#daface-agent-stats .agent-wrap th,
#daface-home-dash .agent-wrap th { background: #f7f8fa; }
#daface-agent-stats .agent-empty,
#daface-home-dash .agent-empty {
  color: #888;
  font-size: 13px;
  padding: 8px 0;
}

#daface-home-dash .dash-title {
  text-align: center;
  font-size: 15px;
  margin: 0 0 10px;
  letter-spacing: 1px;
  color: #444;
}
#daface-home-dash .dash-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}
@media (max-width: 1100px) {
  #daface-home-dash .dash-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
  #daface-home-dash .dash-grid { grid-template-columns: 1fr; }
}
#daface-home-dash .dash-card {
  position: relative;
  color: #fff;
  border-radius: 4px;
  padding: 16px 20px 14px;
  min-height: 118px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,.08);
}
#daface-home-dash .dash-card .label { font-size: 14px; line-height: 1.4; opacity: .95; }
#daface-home-dash .dash-card .total {
  font-size: 26px;
  font-weight: 700;
  line-height: 1.25;
  margin: 6px 0 8px;
  word-break: break-all;
}
#daface-home-dash .dash-card .sub {
  font-size: 13px;
  line-height: 1.5;
  opacity: .95;
}
#daface-home-dash .dash-card .sub .num {
  font-size: 18px;
  font-weight: 700;
  margin-left: 4px;
}
#daface-home-dash .dash-card .note {
  font-size: 11px;
  opacity: .75;
  margin-top: 4px;
}
#daface-home-dash .dash-loading,
#daface-home-dash .dash-error {
  padding: 24px;
  text-align: center;
  color: #666;
}
#daface-home-dash .dash-error { color: #c0392b; }

/* dash4: collapse 个人中心 by default (until user clicks) */
.el-submenu.daface-profile-collapsed > .el-menu {
  display: none !important;
}
.el-submenu.daface-profile-collapsed:not(.is-opened) > .el-menu {
  display: none !important;
}

/* Prevent nested admin chrome inside ext iframe area looking like dual sidebar */
#daface-ext-host.active {
  z-index: 80 !important;
}
.el-main > .el-aside,
.el-main > .sidebar-container,
.el-main > aside {
  display: none !important;
}