/* Dashboards and widgets inside the paper window: cards and panels take the
   brutalist paper-and-ink look of the stage, the accent goes from blue to red. */

.pitch-site--app .dashboard-card,
.pitch-site--app .widget-card,
.pitch-site--app .dashboard-editor__sidebar,
.pitch-site--app .widget-picker__modal {
  background: var(--ps-paper-raised);
  border: 2px solid var(--ps-ink);
  border-radius: 10px;
  box-shadow: var(--ps-hard-shadow);
}

.pitch-site--app .dashboard-card:hover {
  box-shadow: 2px 2px 0 rgba(14, 17, 17, 0.16);
  transform: translate(2px, 2px);
}

.pitch-site--app .widget-card--frameless {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}

.pitch-site--app .dashboard-editor .widget-card--frameless:hover {
  border: 2px dashed var(--color-border);
}

.pitch-site--app .widget-card.is-active {
  border-color: var(--ps-red);
  box-shadow: 0 0 0 3px color-mix(in oklab, var(--ps-red) 22%, transparent);
}

.pitch-site--app .widget-card.is-floating,
.pitch-site--app .widget-card.is-resizing {
  box-shadow: 8px 8px 0 rgba(14, 17, 17, 0.22);
}

.pitch-site--app .widget-card-placeholder {
  background: color-mix(in oklab, var(--ps-red) 8%, transparent);
  border: 2px dashed var(--ps-red);
  border-radius: 10px;
}

.pitch-site--app .widget-card__actions,
.pitch-site--app .widget-card__move-handle {
  border: 1.5px solid var(--ps-ink);
  box-shadow: 2px 2px 0 rgba(14, 17, 17, 0.16);
}

.pitch-site--app .dashboard-canvas.is-manipulating {
  background-color: var(--ps-paper-shade);
  background-image: radial-gradient(circle, rgba(14, 17, 17, 0.18) 1px, transparent 1px);
  border-radius: 10px;
}

.pitch-site--app .dashboard-editor__sidebar-label,
.pitch-site--app .dashboard-tabs__tab,
.pitch-site--app .widget-picker__tab {
  font-family: var(--font-mono);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.pitch-site--app .dashboard-tabs__tab,
.pitch-site--app .widget-picker__tab {
  font-size: 12px;
}

.pitch-site--app .dashboard-tabs__tab.is-active,
.pitch-site--app .widget-picker__tab.is-active {
  border-block-end-color: var(--ps-red);
}

.pitch-site--app .dashboard-tabs__name-input {
  letter-spacing: inherit;
  text-transform: inherit;
}

.pitch-site--app .widget-picker__option {
  border: 1.5px solid var(--ps-ink);
  border-radius: 9px;
}

.pitch-site--app .widget-picker__option:hover {
  background: var(--ps-yellow);
}

.pitch-site--app .widget-type-option {
  cursor: pointer;
  padding: var(--space-s) var(--space-m);
}

.pitch-site--app .widget-type-option:has(input:checked) {
  background: var(--ps-yellow);
}

.pitch-site--app .widget-type-option input {
  accent-color: var(--ps-ink);
}

.pitch-site--app .widget-card--preview,
.pitch-site--app .widget-card--editing {
  min-height: 18rem;
}

.pitch-site--app .widget-card--editing .widget-card__rich-text-editor lexxy-toolbar {
  display: flex;
}

.pitch-site--app .kpi-group {
  min-inline-size: 0;
}