/* Extracted from index.html. Task placeholders and dark-mode overrides for task controls. */

.placeholder {
  border: 1px dashed var(--line);
  border-radius: 16px;
  padding: 32px 22px;
  color: var(--muted);
  background: linear-gradient(180deg, #fff 0%, #fafafc 100%);
  font-size: 16px;
}

.tutorial-empty {
  border: 1px dashed rgba(0, 0, 0, 0.12);
  border-radius: 12px;
  padding: 22px;
  color: var(--muted);
  text-align: center;
  font-size: 13px;
  background: #fff;
}

html.theme-dark .task-add-btn {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.12);
  color: rgba(240, 240, 240, 0.42);
  box-shadow: none;
}

html.theme-dark .task-add-btn:hover,
html.theme-dark .task-add-btn:focus-visible {
  background: #2a2a2a;
  border-color: rgba(255, 255, 255, 0.14);
  color: rgba(240, 240, 240, 0.82);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.35);
  outline: none;
}

html.theme-dark .task-add-btn:active {
  background: #303030;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
}

html.theme-dark .task-add-btn:disabled,
html.theme-dark .task-add-btn:disabled:hover,
html.theme-dark .task-add-btn:disabled:focus-visible,
html.theme-dark .task-add-btn:disabled:active {
  background: rgba(255, 255, 255, 0.02);
  border-color: rgba(255, 255, 255, 0.08);
  color: rgba(240, 240, 240, 0.22);
  box-shadow: none;
  cursor: not-allowed;
}

html.theme-dark .upload-slot,
html.theme-dark .result-frame,
html.theme-dark .case-card,
html.theme-dark .news-card,
html.theme-dark .news-featured,
html.theme-dark .news-date-group,
html.theme-dark .case-filter-btn,
html.theme-dark .news-filter-btn,
html.theme-dark .result-choice-btn,
html.theme-dark .result-side-btn,
html.theme-dark .crop-btn,
html.theme-dark .action-btn.clear {
  background: #242424;
  border-color: rgba(255, 255, 255, 0.12);
  color: var(--text);
}

html.theme-dark .result-person-detection-btn.is-detected {
  color: #ffc106;
  border-color: transparent;
  background: transparent;
}
html.theme-dark .result-person-detection-btn.is-clear {
  color: rgba(255, 255, 255, 0.92);
  border-color: transparent;
  background: transparent;
}
html.theme-dark .result-person-detection-btn.is-error {
  color: rgba(255, 255, 255, 0.92);
  border-color: transparent;
  background: transparent;
}

html.theme-dark .result-download-btn.is-downloaded,
.result-download-btn.is-downloaded {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  min-width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #FFC106;
  opacity: 1;
  transform: translateY(0);
  box-shadow: none;
}
html.theme-dark .result-download-btn.is-downloaded:hover {
  width: 28px;
  min-width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #FFC106;
  box-shadow: none;
}

html.theme-dark .result-download-btn.is-downloading,
html.theme-dark .result-download-btn.is-downloading:hover {
  border: 0;
  background: transparent;
  box-shadow: none;
}

html.theme-dark .case-card-title,
html.theme-dark .news-title,
html.theme-dark .news-date-title,
html.theme-dark .tool-modal-title {
  color: var(--text);
}

html.theme-dark .case-card-meta,
html.theme-dark .case-card-desc,
html.theme-dark .news-meta,
html.theme-dark .news-desc,
html.theme-dark .action-status,
html.theme-dark .upload-helper,
html.theme-dark .tutorial-empty {
  color: var(--muted);
}