@use '../../../../shared/styles/panel-shared' as panel;

.book-metadata-center-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.panel-header {
  @include panel.panel-header;
  flex-shrink: 0;
}

.tabs-wrapper {
  border-radius: 0.75rem;
  overflow: hidden;
  border: 1px solid var(--p-content-border-color);
}

.dialog-mode {
  border-radius: 0 0 0.75rem 0.75rem !important;
  border-width: 1px 0 0 !important;
}

.tabpanels-responsive {
  overflow: auto;
}

::ng-deep .layout-main .tabpanels-responsive {
  height: calc(100dvh - 9.7rem);
}

@media (max-width: 768px) {
  ::ng-deep .layout-main .tabpanels-responsive {
    height: calc(100dvh - 8.5rem);
  }
}

::ng-deep .book-details-dialog .p-dialog-content,
::ng-deep .book-details-dialog app-book-metadata-center,
::ng-deep .book-details-dialog app-book-metadata-center > div,
::ng-deep .book-details-dialog app-book-metadata-center p-tabs {
  display: flex;
  width: 100%;
}

::ng-deep .book-details-dialog p-tablist {
  flex-shrink: 0;
}

::ng-deep .book-details-dialog .p-dialog-content {
  padding: 0;
}
