/* ==========================================================================
   Hengxin Cloud · Deep solid stage
   A clean, fixed charcoal field; document content slides over it.
   ========================================================================== */

body {
  background-color: #1f2329;
  background-image: none;
}

/* The cloth is the fixed stage; page content scrolls over it. */
.app-main {
  background: transparent;
}

/* Content sitting directly on the woven gray surface */
.app-main .page-head .page-title {
  color: #f8fbff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .42);
}
.app-main .page-head .page-subtitle { color: #d3d8dd; }
.app-main .page-head .page-subtitle strong { color: #ffffff; }
.app-main .page-head .eyebrow { color: #a9c9ef; }
.app-main .department-toolbar h2 { color: #f8fbff; }
.app-main .department-toolbar p { color: #d3d8dd; }
.app-main .department-toolbar .eyebrow { color: #a9c9ef; }
.app-main .tabs { border-bottom-color: rgba(255, 255, 255, .2); }
.app-main .tab { color: #d0d5da; }
.app-main .tab:hover { color: #ffffff; }
.app-main .tab.active { color: #ffffff; }
.app-main .tab .tab-count {
  background: rgba(255, 255, 255, .12);
  color: #eef3f8;
}
.app-main .tab.active .tab-count {
  background: rgba(37, 99, 235, .38);
  color: #ffffff;
}

/* Paper surfaces lifted from the fabric */
.app-main .card,
.app-main .stat-card,
.app-main .ops-card,
.app-main .department-card,
.app-main .team-summary-item,
.app-main .chat-shell {
  box-shadow:
    0 2px 4px rgba(0, 0, 0, .16),
    0 16px 34px rgba(0, 0, 0, .13);
}
.app-main .card,
.app-main .stat-card,
.app-main .ops-card,
.app-main .department-card,
.app-main .team-summary-item {
  border-color: rgba(255, 255, 255, .13);
}

/* Page-level outline controls need light text on this ground */
.app-main .page-head .btn-ghost {
  border-color: rgba(255, 255, 255, .22);
  background: rgba(255, 255, 255, .07);
  color: #f0f5fb;
}
.app-main .page-head .btn-ghost:hover {
  background: rgba(255, 255, 255, .14);
  border-color: rgba(255, 255, 255, .32);
}
