/* Shang Pin Culture brand palette; chart series retain their distinct data colors. */
:root {
  --apple-bg: #fdf8f9;
  --apple-blue: #E3476A;
  --apple-blue-hover: #C92D54;
  --apple-border: rgba(227, 71, 106, 0.12);
  --apple-text-main: #30232b;
  --apple-text-sub: #81747b;
  --apple-shadow-md: 0 4px 24px rgba(120, 35, 61, 0.04);
}
header { background: rgba(255,255,255,0.95) !important; }
.dashboard-header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 24px;
  max-width: 1400px;
  margin: 0 auto;
  text-align: left;
}
.brand-mark { display: block; width: 176px; height: auto; object-fit: contain; }
.dashboard-heading h1 { margin: 0 0 6px !important; color: #8B1F3D; line-height: 1.4; }
.dashboard-heading .subtitle { margin: 0; text-align: left; }
#headerDataDate { color: var(--apple-text-sub); font-size: 12px; text-align: right; }
.module-tag { background: #FAE4EA; }
input:focus, select:focus, textarea:focus { box-shadow: 0 0 0 3px rgba(227,71,106,0.12) !important; }
button:focus-visible { outline: 2px solid #8B1F3D; outline-offset: 3px; }
@media (max-width: 1000px) {
  header { padding: 16px 20px !important; }
  .dashboard-header { grid-template-columns: 136px minmax(0, 1fr); gap: 12px 18px; }
  .brand-mark { width: 136px; }
  .dashboard-heading h1 { font-size: 18px !important; }
  #headerDataDate { grid-column: 2; text-align: left; }
}
@media (max-width: 600px) {
  header { position: relative; }
  .dashboard-header { grid-template-columns: minmax(0, 1fr); }
  .brand-mark { width: 148px; }
  #headerDataDate { grid-column: 1; }
  .analysis-section { padding: 20px !important; }
}