/* Opt-in dark preview. All rules are scoped to .winehype-dark-preview.
   Loaded after production CSS; never modify the default theme or global Syncfusion overlays. */
.app-shell.winehype-dark-preview {
  --wh-text: #f6f8f7;
  --wh-muted: #b7cad2;
  --wh-yellow: #ffd400;
  --forest: #062231;
  --paper: #031724;
  --ink: #f6f8f7;
  --muted: #b7cad2;
  --line: rgba(111,164,184,.30);
  color: #f6f8f7;
  background: linear-gradient(145deg,#03131f,#041c2a 48%,#02121c);
  min-height: 100vh;
  color-scheme: dark;
}
.app-shell.winehype-dark-preview .sidebar {
  background: linear-gradient(180deg,#02131f,#031b28);
  border-right: 1px solid rgba(92,148,171,.34);
  color: #f6f8f7;
}
.app-shell.winehype-dark-preview .workspace,
.app-shell.winehype-dark-preview .panel,
.app-shell.winehype-dark-preview .metric,
.app-shell.winehype-dark-preview .vineyard-card {
  background: linear-gradient(145deg,#072331,#051b28);
  border-color: rgba(100,159,181,.38);
  color: #f6f8f7;
}
.app-shell.winehype-dark-preview .topbar {
  background: linear-gradient(90deg,#041825,#072b3c);
  border-bottom-color: rgba(102,160,182,.34);
}
.app-shell.winehype-dark-preview .nav-item { color: #e1e9ec; }
.app-shell.winehype-dark-preview .nav-item.active {
  background: rgba(255,212,0,.15);
  border-color: rgba(255,212,0,.7);
  color: #ffd400;
}
.app-shell.winehype-dark-preview .page-heading h1,
.app-shell.winehype-dark-preview .page-heading h2,
.app-shell.winehype-dark-preview .panel-heading h2,
.app-shell.winehype-dark-preview .breadcrumb strong { color: #fff; }
.app-shell.winehype-dark-preview .page-heading p,
.app-shell.winehype-dark-preview .panel-heading p,
.app-shell.winehype-dark-preview .breadcrumb { color: #b7cad2; }
.app-shell.winehype-dark-preview .page-content { background: transparent; }
.app-shell.winehype-dark-preview .theme-preview-link {
  border-color: #ffd400;
  color: #ffd400;
}
.theme-preview-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 7px 10px;
  border: 1px solid #c7d5da;
  border-radius: 8px;
  color: #153a47;
  font-size: 12px;
  font-weight: 650;
  text-decoration: none;
  white-space: nowrap;
}
.theme-preview-link:focus-visible { outline: 3px solid #c5a16a; outline-offset: 2px; }
@media(max-width:640px) {
  .theme-preview-link { padding: 6px 8px; font-size: 11px; }
}