/* 视立美集团品牌层：以官方标志蓝为主色，服务信息用中性灰，提醒只用少量黄与粉。 */
:root {
  --slm-bg: #f7f9fc !important;
  --slm-surface: #ffffff !important;
  --slm-surface-muted: #f8fbff !important;
  --slm-ink: #172238 !important;
  --slm-ink-soft: #415066 !important;
  --slm-muted: #6d7b8f !important;
  --slm-faint: #9aa7b8 !important;
  --slm-line: rgba(23, 34, 56, 0.12) !important;
  --slm-line-soft: rgba(23, 34, 56, 0.07) !important;
  --slm-brand: #006ee6 !important;
  --slm-brand-deep: #004fb8 !important;
  --slm-brand-soft: #eaf3ff !important;
  --slm-brand-wash: rgba(0, 110, 230, 0.08) !important;
  --slm-brand-sky: #d9f5f1 !important;
  --slm-sun: #ffd23f !important;
  --slm-sun-soft: #fff7d4 !important;
  --slm-rose: #f4a6cd !important;
  --slm-rose-strong: #e0447f !important;
  --slm-risk: #b54d48 !important;
  --slm-risk-soft: #f9eceb !important;
  --slm-warn: #9a681c !important;
  --slm-warn-soft: #fff8df !important;
  --slm-ok: #27745d !important;
  --slm-ok-soft: #eaf4ef !important;
  --slm-shadow-float: 0 18px 44px rgba(20, 43, 78, 0.12) !important;
}

body,
.app,
.app.view-today,
.app.view-clients,
.app.view-task {
  background: var(--slm-bg) !important;
  color: var(--slm-ink) !important;
}

.app .side,
.app .topnav,
.app .main,
.app .mobile-nav {
  background: var(--slm-surface) !important;
  border-color: var(--slm-line) !important;
}

.app .side-brand-mark {
  box-shadow: 0 0 0 1px rgba(0, 110, 230, 0.14) !important;
}

.app .side-nav a.active,
.app .side-nav a:hover,
.app .side-role-menu button:hover,
.app .side-role-menu button[aria-current="true"] {
  background: var(--slm-brand-wash) !important;
  color: var(--slm-brand-deep) !important;
}

.app .side-nav a.active::before,
.app .side-role-menu button[aria-current="true"]::before {
  background: var(--slm-brand) !important;
}

.app .home-hero {
  background: var(--slm-surface) !important;
  border-top: 2px solid var(--slm-brand) !important;
  box-shadow: none !important;
}

.app .home-hero .home-context span,
.app .home-hero .live-status i {
  background: var(--slm-brand) !important;
}

.app .home-hero .home-context,
.app .home-hero-meta,
.app .home-hero .lead {
  color: var(--slm-muted) !important;
}

.app .home-hero .hello,
.app .home-hero .hello-text {
  color: var(--slm-ink) !important;
}

.app .decision-panel,
.app .work-signal-strip,
.app .brief-item,
.app .focus-lead-card,
.app .focus-quiet,
.app .task-shell,
.app .client-shell {
  border-color: var(--slm-line) !important;
  background: var(--slm-surface) !important;
  box-shadow: none !important;
}

.app .decision-head {
  background: var(--slm-surface-muted) !important;
  border-bottom-color: var(--slm-line-soft) !important;
}

.app .decision-status,
.app .decision-head > *,
.app .work-signal-intro strong,
.app .work-signal strong,
.app .decision-next-item strong {
  color: var(--slm-brand-deep) !important;
}

.app .decision-evidence span,
.app .focus-signals span,
.app .focus-mini-signals span,
.app .brief-item .brief-num {
  background: var(--slm-brand-soft) !important;
  color: var(--slm-brand-deep) !important;
  border-color: rgba(0, 110, 230, 0.16) !important;
}

.app .work-signal:first-child,
.app .brief-item:first-child,
.app .focus-lead-card {
  border-left-color: var(--slm-brand) !important;
}

.app .act:not(.ghost):not(.link),
.app .decision-actions .act,
.app .task-actions .act,
.app .composer-send {
  background: var(--slm-brand) !important;
  background-image: none !important;
  border-color: var(--slm-brand) !important;
  color: #fff !important;
  box-shadow: none !important;
}

.app .act:not(.ghost):not(.link):hover,
.app .act:not(.ghost):not(.link):focus-visible,
.app .decision-actions .act:hover,
.app .decision-actions .act:focus-visible,
.app .task-actions .act:hover,
.app .task-actions .act:focus-visible,
.app .composer-send:hover,
.app .composer-send:focus-visible {
  background: var(--slm-brand-deep) !important;
  background-image: none !important;
  border-color: var(--slm-brand-deep) !important;
}

.app .act.ghost,
.app .act.link,
.app .decision-text-switch,
.app .decision-next-item {
  color: var(--slm-brand-deep) !important;
}

.app .act.ghost:hover,
.app .act.link:hover,
.app .decision-text-switch:hover,
.app .decision-next-item:hover {
  background: var(--slm-brand-wash) !important;
  border-color: rgba(0, 110, 230, 0.24) !important;
}

.app .composer,
.app .composer:focus-within {
  border-color: rgba(0, 110, 230, 0.38) !important;
  box-shadow: 0 0 0 3px rgba(0, 110, 230, 0.08) !important;
}

.app .composer textarea:focus,
.app input:focus,
.app select:focus,
.app textarea:focus {
  border-color: var(--slm-brand) !important;
  outline-color: rgba(0, 110, 230, 0.26) !important;
}

.app .status-warning,
.app .badge-warning,
.app .attention,
.app .work-signal:nth-child(2) strong {
  color: #7d5b08 !important;
}

.app .status-warning,
.app .badge-warning,
.app .attention {
  background: var(--slm-sun-soft) !important;
  border-color: rgba(255, 210, 63, 0.42) !important;
}

.app .role-menu-avatar,
.app .side-user-avatar {
  border-color: rgba(0, 110, 230, 0.22) !important;
}

@media (max-width: 720px) {
  .app .home-hero {
    border-top-width: 1px !important;
  }

  .app .mobile-nav a.active {
    color: var(--slm-brand-deep) !important;
  }
}