/* Unified right action-zone geometry v1.3.261
   Width = iconCount * 28px + (iconCount + 1) * 4px. */
:root {
  --pbs-right-zone-icon-size: 28px;
  --pbs-right-zone-gap: 4px;
  --pbs-right-zone-icon-count: 2;
  --pbs-right-zone-width: calc(
    var(--pbs-right-zone-icon-count) * var(--pbs-right-zone-icon-size) +
    (var(--pbs-right-zone-icon-count) + 1) * var(--pbs-right-zone-gap)
  );
}

:is(
  col.fh-right-main-col,
  col.fc-zone-right-col,
  col.room-zone-right-col,
  col.facade-zone-right-col,
  th.fh-right-main-cell, td.fh-right-main-cell,
  th.fc-zone-right, td.fc-zone-right,
  th.room-zone-right, td.room-zone-right,
  th.facade-zone-right, td.facade-zone-right,
  th.opening-actions-cell, td.opening-actions-cell
) {
  width: var(--pbs-right-zone-width) !important;
  min-width: var(--pbs-right-zone-width) !important;
  max-width: var(--pbs-right-zone-width) !important;
  box-sizing: border-box !important;
}

:is(
  th.fh-right-main-cell, td.fh-right-main-cell,
  th.fc-zone-right, td.fc-zone-right,
  th.room-zone-right, td.room-zone-right,
  th.facade-zone-right, td.facade-zone-right,
  th.opening-actions-cell, td.opening-actions-cell
) {
  padding-left: var(--pbs-right-zone-gap) !important;
  padding-right: var(--pbs-right-zone-gap) !important;
  overflow: hidden !important;
}

:is(
  th.fh-right-main-cell, td.fh-right-main-cell,
  th.fc-zone-right, td.fc-zone-right,
  th.room-zone-right, td.room-zone-right,
  th.facade-zone-right, td.facade-zone-right,
  th.opening-actions-cell, td.opening-actions-cell
) :is(.action-cluster, .actions, .fc-right-actions, .fc-room-action-grid) {
  display: flex !important;
  flex-flow: row nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: var(--pbs-right-zone-gap) !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

:is(
  th.fh-right-main-cell, td.fh-right-main-cell,
  th.fc-zone-right, td.fc-zone-right,
  th.room-zone-right, td.room-zone-right,
  th.facade-zone-right, td.facade-zone-right,
  th.opening-actions-cell, td.opening-actions-cell
) .icon-btn {
  width: var(--pbs-right-zone-icon-size) !important;
  min-width: var(--pbs-right-zone-icon-size) !important;
  max-width: var(--pbs-right-zone-icon-size) !important;
  height: var(--pbs-right-zone-icon-size) !important;
  min-height: var(--pbs-right-zone-icon-size) !important;
  max-height: var(--pbs-right-zone-icon-size) !important;
  flex: 0 0 var(--pbs-right-zone-icon-size) !important;
  box-sizing: border-box !important;
}