/* Shared paper row button slots: leading, label, actions, meta and context tab. */

.vk-paper-row-button {
  position: relative;
  width: 100%;
  min-width: 0;
  min-height: var(--vk-paper-row-height);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: var(--vk-paper-row-gap);
  padding-left: var(--vk-paper-row-padding-x);
  padding-right: var(--vk-paper-row-padding-x);
  border-radius: var(--vk-paper-row-radius);
  text-align: left;
}

.vk-paper-row-button__leading,
.vk-paper-row-leading {
  order: 0;
  width: var(--vk-paper-row-leading-size);
  min-width: var(--vk-paper-row-leading-size);
  flex: 0 0 var(--vk-paper-row-leading-size);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.vk-paper-row-button__label,
.vk-paper-row-label {
  order: 1;
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vk-paper-row-button__actions,
.vk-paper-row-actions {
  order: 4;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: var(--vk-paper-row-inline-action-gap);
  z-index: 3;
}

.vk-paper-row-button__meta,
.vk-paper-row-meta {
  order: 3;
  flex: 0 0 auto;
  width: max-content;
  max-width: var(--vk-paper-row-meta-max-width, 64px);
  min-width: 0;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  overflow: hidden;
  color: inherit;
  line-height: var(--vk-line-body);
  text-align: right;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
  z-index: 2;
}

.vk-paper-inline-action {
  width: var(--vk-paper-row-inline-action-size);
  min-width: var(--vk-paper-row-inline-action-size);
  height: var(--vk-paper-row-inline-action-size);
  padding: 0;
  border: 0;
  border-radius: var(--vk-paper-row-radius, 8px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  color: var(--vk-paper-lift-button-text);
  cursor: pointer;
}

.vk-paper-inline-action:hover {
  background: color-mix(in srgb, var(--vk-paper-lift-button-text) 12%, transparent);
}

.vk-paper-inline-action svg,
.vk-paper-inline-action .lucide {
  width: var(--vk-paper-row-inline-action-icon-size);
  height: var(--vk-paper-row-inline-action-icon-size);
}

.vk-paper-context-tab-slot {
  order: 2;
  flex: 0 0 var(--vk-paper-row-context-tab-width);
  align-self: stretch;
  width: var(--vk-paper-row-context-tab-width);
  min-width: var(--vk-paper-row-context-tab-width);
  height: auto;
  pointer-events: none;
  z-index: 2;
}

.vk-paper-context-tab {
  display: block;
  width: var(--vk-paper-row-context-tab-width);
  height: calc(100% - var(--vk-paper-row-context-tab-bottom));
  min-height: var(--vk-size-row-leading);
  border-radius: var(--vk-paper-row-context-tab-radius);
  background: var(--vk-app-accent-main);
  box-shadow: var(--vk-context-tab-shadow);
  pointer-events: none;
}