/**
 * Blue Billywig branded Uppy Dashboard overrides.
 * Colors and typography sourced from the OVP6 design system.
 */

/* BB Brand tokens */
.uppy-Dashboard {
  --bb-primary: #002837;
  --bb-accent: #3578bb;
  --bb-accent-hover: #306ca8;
  --bb-accent-light: #f1f5f9;
  --bb-border: #72a1cf;
  --bb-bg: #ffffff;
  --bb-bg-secondary: #f3f5f5;
  --bb-success: #12b76a;
  --bb-error: #e64136;
  --bb-warning: #ed8a09;
  --bb-text: #002837;
  --bb-text-muted: #5a6872;
  --bb-radius: 4px;
}

/* Font */
.uppy-Root {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  color: var(--bb-text, #002837);
}

/* Dashboard container */
.uppy-Dashboard-inner {
  border: 1px solid #dde3e8;
  border-radius: 8px;
  background: var(--bb-bg, #fff);
}

/* Drop area */
.uppy-Dashboard-AddFiles {
  border: 2px dashed var(--bb-border, #72a1cf);
  border-radius: 6px;
  margin: 12px;
}

.uppy-Dashboard-AddFiles:hover,
.uppy-Dashboard--isDraggingOver .uppy-Dashboard-AddFiles {
  border-color: var(--bb-accent, #3578bb);
  background: var(--bb-accent-light, #f1f5f9);
}

/* Browse button */
.uppy-Dashboard-browse {
  color: var(--bb-accent, #3578bb) !important;
  font-weight: 600;
}

.uppy-Dashboard-browse:hover {
  color: var(--bb-accent-hover, #306ca8) !important;
}

/* Drop label text */
.uppy-Dashboard-AddFiles-title {
  color: var(--bb-text, #002837);
  font-size: 16px;
  font-weight: 600;
}

/* Note text ("Video and audio files, up to 20 GB") */
.uppy-Dashboard-note {
  color: var(--bb-text-muted, #5a6872);
  font-size: 13px;
}

/* Upload button — high specificity to override Uppy's .uppy-c-btn-primary */
.uppy-Root .uppy-StatusBar-actionBtn.uppy-StatusBar-actionBtn--upload.uppy-c-btn-primary {
  background-color: #3578bb !important;
  color: #fff !important;
  border-radius: 4px !important;
  font-weight: 600;
}

.uppy-Root .uppy-StatusBar-actionBtn.uppy-StatusBar-actionBtn--upload.uppy-c-btn-primary:hover {
  background-color: #306ca8 !important;
  color: #fff !important;
}

/* Progress bar */
.uppy-StatusBar-progress {
  background-color: var(--bb-accent, #3578bb) !important;
}

.uppy-StatusBar.is-complete .uppy-StatusBar-progress {
  background-color: var(--bb-success, #12b76a) !important;
}

.uppy-StatusBar.is-error .uppy-StatusBar-progress {
  background-color: var(--bb-error, #e64136) !important;
}

/* Status bar */
.uppy-StatusBar-statusPrimary {
  color: var(--bb-text, #002837);
  font-weight: 600;
}

/* File items */
.uppy-Dashboard-Item {
  border-bottom-color: #eef1f4;
}

.uppy-Dashboard-Item-name {
  color: var(--bb-text, #002837);
  font-weight: 500;
}

.uppy-Dashboard-Item-statusSize {
  color: var(--bb-text-muted, #5a6872);
}

/* File preview — override default green with BB accent */
.uppy-Dashboard-Item-previewInnerWrap {
  border-radius: var(--bb-radius, 4px);
  background-color: #e8eef3 !important;
}

.uppy-Dashboard-Item-previewIconWrap {
  background-color: var(--bb-accent, #3578bb) !important;
}

.uppy-Dashboard-Item-previewIcon svg {
  fill: #fff !important;
}

/* Action buttons (retry, remove) */
.uppy-Dashboard-Item-action--remove {
  color: var(--bb-error, #e64136);
}

/* Info bar messages */
.uppy-Informer {
  border-radius: var(--bb-radius, 4px);
}

/* Tab bar (if using tabs) */
.uppy-DashboardTab-btn {
  color: var(--bb-text, #002837);
}

.uppy-DashboardTab-btn:hover {
  color: var(--bb-accent, #3578bb);
}

/* Circular progress ring on file items */
.uppy-Dashboard-Item-progress .uppy-Dashboard-Item-progressIndicator {
  color: var(--bb-accent, #3578bb) !important;
}

.uppy-Dashboard-Item-progressIndicator circle {
  stroke: var(--bb-accent, #3578bb) !important;
}

.uppy-Dashboard-Item-progressIndicator svg {
  fill: var(--bb-accent, #3578bb) !important;
}

/* Override Uppy's built-in CSS custom properties */
.uppy-Root {
  --uppy-color-primary: #3578bb !important;
  --uppy-color-primary-dark: #306ca8 !important;
  --uppy-color-success: #12b76a !important;
  --uppy-color-warning: #ed8a09 !important;
  --uppy-color-danger: #e64136 !important;
}

/* Status bar background strip — the green bar at the bottom */
.uppy-StatusBar {
  background-color: var(--bb-bg, #fff) !important;
}

.uppy-StatusBar::before {
  background-color: var(--bb-accent, #3578bb) !important;
}

.uppy-StatusBar.is-complete {
  background-color: var(--bb-bg, #fff) !important;
}

.uppy-StatusBar.is-complete::before {
  background-color: var(--bb-success, #12b76a) !important;
}

/* Status bar content area override */
.uppy-StatusBar-content {
  color: var(--bb-text, #002837);
}

/* All Uppy buttons — override the default green/blue */
.uppy-StatusBar-actionBtn {
  color: var(--bb-accent, #3578bb) !important;
}

.uppy-StatusBar-actionBtn--done {
  color: var(--bb-accent, #3578bb) !important;
}

/* Per-file progress bar (linear) */
.uppy-Dashboard-Item-progress .uppy-Dashboard-Item-progressBar {
  background-color: var(--bb-accent, #3578bb) !important;
}

/* Powered by Uppy hidden (already set proudlyDisplayPoweredByUppy: false) */
.uppy-Dashboard-poweredBy {
  display: none !important;
}