/* 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 .widget-picker__modal,
.pitch-site--app .editor-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 .widget-editor__label,
.pitch-site--app .widget-editor__type,
.pitch-site--app .dashboard-comparison-notice__label,
.pitch-site--app .kpi-picker__summary,
.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-card,
.pitch-site--app .widget-type-card__sample,
.pitch-site--app .widget-editor__sample {
  background: var(--ps-paper-raised);
  border: 1.5px solid var(--ps-ink);
}

.pitch-site--app .widget-type-card {
  border-radius: 9px;
}

.pitch-site--app .widget-type-card:hover,
.pitch-site--app .widget-type-card--choice:has(input:checked) {
  background: var(--ps-yellow);
  box-shadow: 2px 2px 0 rgba(14, 17, 17, 0.16);
}

.pitch-site--app .widget-type-card--choice:has(input:focus-visible) {
  outline: 2px solid var(--ps-ink);
  outline-offset: 2px;
}

.pitch-site--app .editor-modal__content,
.pitch-site--app .widget-editor__header,
.pitch-site--app .widget-editor__footer,
.pitch-site--app .searchable-select__list {
  background: var(--ps-paper-raised);
}

.pitch-site--app .widget-picker__modal-content {
  padding: var(--space-l);
}

.pitch-site--app .searchable-select__list,
.pitch-site--app .kpi-picker__groups {
  border: 1.5px solid var(--ps-ink);
}

.pitch-site--app .searchable-select__option[aria-selected="true"],
.pitch-site--app .widget-editor__choice:has(input:checked) {
  background: var(--ps-yellow);
}

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

.pitch-site--app .widget-editor__choice input,
.pitch-site--app .kpi-picker__option input,
.pitch-site--app .widget-editor__library input {
  accent-color: var(--ps-red);
}

.pitch-site--app .widget-editor__scope,
.pitch-site--app .dashboard-comparison-notice {
  background: color-mix(in oklab, var(--ps-yellow) 35%, transparent);
  border: 1.5px dashed var(--ps-ink);
}

.pitch-site--app .widget-editor__scope {
  border-radius: 6px;
}

.pitch-site--app .dashboard-comparison-notice {
  border-radius: 10px;
}

.pitch-site--app .dataset-tag--editing {
  border-color: var(--ps-red);
  color: var(--ps-red);
}

.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;
}

.pitch-site--app .kpi-picker__option,
.pitch-site--app .widget-editor__choice {
  font-weight: 400;
}

.pitch-site--app .dashboard-editor .btn--small,
.pitch-site--app .dashboard-comparison-notice .btn,
.pitch-site--app .widget-editor__footer .btn {
  min-block-size: 0;
  min-width: 0;
  padding: 0.45rem 1.1rem;
}

.pitch-site--app .widget-editor__fields label:not(.widget-editor__label),
.pitch-site--app .widget-editor__library .font-weight-medium {
  font-weight: 400;
}

.pitch-site--app .widget-editor__library .font-weight-medium {
  font-weight: 600;
}