/* Shared paper button density and geometry contracts. */

:root {
  --vk-paper-control-height: var(--vk-analysis-action-button-height, var(--vk-size-control));
  --vk-paper-control-small-height: var(--vk-size-control-small);
  --vk-paper-control-mini-height: var(--vk-size-control-mini);
  --vk-paper-control-icon-size: var(--vk-paper-control-height);
  --vk-paper-control-panel-size: var(--vk-size-panel-control);
  --vk-paper-control-card-action-size: var(--vk-size-card-action);
  --vk-paper-control-radius: var(--vk-radius-control, 8px);
  --vk-paper-control-panel-radius: var(--vk-radius-panel-control, 10px);
  --vk-paper-control-card-radius: var(--vk-radius-card, 8px);
  --vk-paper-control-padding-x: var(--vk-space-comfortable);
  --vk-paper-control-font-size: var(--vk-font-control);
  --vk-paper-control-small-font-size: var(--vk-font-label);
  --vk-paper-control-mini-font-size: var(--vk-font-caption);
  --vk-paper-control-font-weight: var(--vk-weight-semibold);
}

.vk-paper-control {
  min-height: var(--vk-paper-control-height);
  padding: var(--vk-space-control) var(--vk-paper-control-padding-x);
  border: 1px solid transparent;
  border-radius: var(--vk-paper-control-radius);
  font-size: var(--vk-paper-control-font-size);
  font-weight: var(--vk-paper-control-font-weight);
  line-height: var(--vk-line-body);
  box-shadow: none;
}

.vk-paper-control--small {
  min-height: var(--vk-paper-control-small-height);
  padding: 7px 9px;
  font-size: var(--vk-paper-control-small-font-size);
}

.vk-paper-control--compact {
  min-height: var(--vk-paper-control-height);
  height: var(--vk-paper-control-height);
  padding: 0 var(--vk-paper-control-padding-x);
  border-radius: var(--vk-paper-control-radius);
  font-size: var(--vk-paper-control-small-font-size);
  line-height: var(--vk-line-compact);
}

.vk-paper-mini-action {
  min-height: var(--vk-paper-control-mini-height);
  height: var(--vk-paper-control-mini-height);
  padding: 0 var(--vk-space-control);
  border-radius: var(--vk-paper-control-radius);
  font-size: var(--vk-paper-control-mini-font-size);
  line-height: var(--vk-line-mini);
}

.vk-btn.vk-paper-mini-action.vk-paper-button:not(.tool-add-btn) {
  --vk-paper-button-lift: var(--vk-paper-compact-lift-normal-y);
  --vk-paper-button-shadow-y: var(--vk-paper-compact-lift-normal-shadow-y);
  --vk-paper-button-shadow-blur: var(--vk-paper-compact-lift-normal-shadow-blur);
  --vk-paper-button-shadow-spread: var(--vk-paper-compact-lift-shadow-spread);
  --vk-paper-button-shadow-alpha: var(--vk-paper-compact-lift-normal-shadow-alpha);
}

.vk-btn.vk-paper-mini-action.vk-paper-button:not(.tool-add-btn):hover:not(:disabled) {
  --vk-paper-button-lift: var(--vk-paper-compact-lift-hover-y);
  --vk-paper-button-shadow-y: var(--vk-paper-compact-lift-hover-shadow-y);
  --vk-paper-button-shadow-blur: var(--vk-paper-compact-lift-hover-shadow-blur);
  --vk-paper-button-shadow-spread: var(--vk-paper-compact-lift-shadow-spread);
  --vk-paper-button-shadow-alpha: var(--vk-paper-compact-lift-hover-shadow-alpha);
}

.vk-paper-icon-button {
  min-width: var(--vk-paper-control-icon-size);
  min-height: var(--vk-paper-control-icon-size);
  padding: 0;
  border: 1px solid transparent;
  border-radius: var(--vk-paper-control-radius);
  box-shadow: none;
}

.vk-paper-panel-button {
  width: var(--vk-paper-control-panel-size);
  height: var(--vk-paper-control-panel-size);
  min-width: var(--vk-paper-control-panel-size);
  min-height: var(--vk-paper-control-panel-size);
  padding: 0;
  border-radius: var(--vk-paper-control-panel-radius);
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  appearance: none;
  -webkit-appearance: none;
  line-height: 0;
  font-size: 0;
}

.vk-paper-panel-button .lucide {
  display: block;
  width: 16px;
  height: 16px;
  stroke-width: 1.9;
}

.vk-paper-menu-action {
  width: 100%;
  justify-content: flex-start;
  text-align: left;
}