/*
 * Copyright (c) 2023-2025. Cloud Software Group, Inc. All Rights Reserved. Confidential & Proprietary
 */

/* Buttons */
.pl-button,
a.pl-button {
  color: inherit;
  font: inherit;
  line-height: 1.5;
  border-radius: 3px;
  padding: 7px 14px;
  background-color: transparent;
  border: 1px solid;
  cursor: pointer;
  text-decoration: none;
}

.pl-button:hover,
a.pl-button:hover {
  text-decoration: none;
}

.pl-button--icon-only {
  padding: 7px;
}

.pl-button__icon {
  width: 1em;
  height: 1em;
  font-size: 1.5em;
  line-height: 1;
  vertical-align: -25%;
  pointer-events: none;
}

.pl-button__icon + .pl-button__label {
  margin-left: 8px;
}

.pl-button__label + .pl-button__icon {
  margin-left: 8px;
}

.pl-button--cta,
a.pl-button--cta {
  color: #ffffff;
  background-color: #ec5e1d;
  border-color: #ec5e1d;
  font-weight: 600;
}

.pl-button--cta:hover,
.pl-button--cta.is-hovered,
a.pl-button--cta:hover,
a.pl-button--cta.is-hovered {
  background-color: #aa3500;
  border-color: #aa3500;
}

.pl-button--cta:focus,
.pl-button--cta.is-focussed,
a.pl-button--cta:focus,
a.pl-button--cta.is-focussed {
  box-shadow: 0 0 2px 4px rgba(77, 190, 255, 0.75);
  outline: none;
}

.pl-button--cta:active,
.pl-button--cta.is-active,
a.pl-button--cta:active,
a.pl-button--cta.is-active {
  border-color: #aa3500;
  box-shadow: inset 0 0 1px 2px #d35300;
}

.pl-button--cta:disabled,
.pl-button--cta.is-disabled,
a.pl-button--cta:disabled,
a.pl-button--cta.is-disabled {
  opacity: 0.35;
  pointer-events: none;
}

.pl-button--primary,
a.pl-button--primary {
  color: #ffffff;
  background-color: #1774e5;
  border-color: #1774e5;
  font-weight: 600;
}

.pl-button--primary:hover,
.pl-button--primary.is-hovered,
a.pl-button--primary:hover,
a.pl-button--primary.is-hovered {
  background-color: #0e4f9e;
  border-color: #0e4f9e;
}

.pl-button--primary:focus,
.pl-button--primary.is-focussed,
a.pl-button--primary:focus,
a.pl-button--primary.is-focussed {
  box-shadow: 0 0 2px 4px rgba(77, 190, 255, 0.75);
  outline: none;
}

.pl-button--primary:active,
.pl-button--primary.is-active,
a.pl-button--primary:active,
a.pl-button--primary.is-active {
  border-color: #0e4f9e;
  box-shadow: inset 0 0 0 2px #055dab;
}

.pl-button--primary:disabled,
.pl-button--primary.is-disabled,
a.pl-button--primary:disabled,
a.pl-button--primary.is-disabled {
  opacity: 0.35;
  pointer-events: none;
}

.pl-button--secondary,
a.pl-button--secondary {
  color: #1774e5;
  border-color: #1774e5;
  background-color: transparent;
  border-color: #1774e5;
}

.pl-button--secondary:hover,
.pl-button--secondary.is-hovered,
a.pl-button--secondary:hover,
a.pl-button--secondary.is-hovered {
  background-color: transparent;
  border-color: #0e4f9e;
  color: #0e4f9e;
}

.pl-button--secondary:focus,
.pl-button--secondary.is-focussed,
a.pl-button--secondary:focus,
a.pl-button--secondary.is-focussed {
  box-shadow: 0 0 2px 4px rgba(77, 190, 255, 0.75);
  outline: none;
}

.pl-button--secondary:active,
.pl-button--secondary.is-active,
a.pl-button--secondary:active,
a.pl-button--secondary.is-active {
  border-color: #0e4f9e;
  box-shadow: inset 0 0 0 2px #0e4f9e;
  color: #0e4f9e;
}

.pl-button--secondary:disabled,
.pl-button--secondary.is-disabled,
a.pl-button--secondary:disabled,
a.pl-button--secondary.is-disabled {
  opacity: 0.35;
  pointer-events: none;
}

.pl-button--no-border,
a.pl-button--no-border {
  color: #1774e5;
  background-color: transparent;
  border-color: transparent;
}

.pl-button--no-border:hover,
.pl-button--no-border.is-hovered,
a.pl-button--no-border:hover,
a.pl-button--no-border.is-hovered {
  background-color: transparent;
  border-color: transparent;
  color: #0e4f9e;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.35);
}

.pl-button--no-border:focus,
.pl-button--no-border.is-focussed,
a.pl-button--no-border:focus,
a.pl-button--no-border.is-focussed {
  box-shadow: 0 0 2px 4px rgba(77, 190, 255, 0.75);
  outline: none;
}

.pl-button--no-border:active,
.pl-button--no-border.is-active,
a.pl-button--no-border:active,
a.pl-button--no-border.is-active {
  box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.2);
  color: #0e4f9e;
}

.pl-button--no-border:disabled,
.pl-button--no-border.is-disabled,
a.pl-button--no-border:disabled,
a.pl-button--no-border.is-disabled {
  opacity: 0.35;
  pointer-events: none;
}

.pl-button--danger,
a.pl-button--danger {
  color: #ffffff;
  background-color: #db0000;
  border-color: #db0000;
  font-weight: 600;
}

.pl-button--danger:hover,
.pl-button--danger.is-hovered,
a.pl-button--danger:hover,
a.pl-button--danger.is-hovered {
  background-color: #8f0000;
  border-color: #8f0000;
}

.pl-button--danger:focus,
.pl-button--danger.is-focussed,
a.pl-button--danger:focus,
a.pl-button--danger.is-focussed {
  box-shadow: 0 0 2px 4px rgba(77, 190, 255, 0.75);
  outline: none;
}

.pl-button--danger:active,
.pl-button--danger.is-active,
a.pl-button--danger:active,
a.pl-button--danger.is-active {
  border-color: #db0000;
  box-shadow: inset 0 0 0 2px #8f0000;
}

.pl-button--danger:disabled,
.pl-button--danger.is-disabled,
a.pl-button--danger:disabled,
a.pl-button--danger.is-disabled {
  opacity: 0.35;
  pointer-events: none;
}

.pl-button--small,
a.pl-button--small {
  max-height: 32px;
  font-size: 14px;
  padding: 6px 16px;
  line-height: 18px;
}

.pl-button--small.pl-button--icon-only,
a.pl-button--small.pl-button--icon-only {
  padding: 6px 7px;
  max-width: 2rem;
}

.pl-button--small .pl-button__icon,
a.pl-button--small .pl-button__icon {
  width: 16px;
  height: 16px;
  line-height: 0.5;
}

.pl-button--small .pl-button__icon + .pl-button__label,
a.pl-button--small .pl-button__icon + .pl-button__label {
  margin-left: 4px;
}

.pl-button--small .pl-button__label + .pl-button__icon,
a.pl-button--small .pl-button__label + .pl-button__icon {
  margin-left: 4px;
}

.pl-button--mini,
a.pl-button--mini {
  max-height: 24px;
  font-size: 14px;
  padding: 2px 16px;
  line-height: 18px;
}

.pl-button--mini.pl-button--icon-only,
a.pl-button--mini.pl-button--icon-only {
  padding: 2px 3px;
  max-width: 1.5rem;
}

.pl-button--mini .pl-button__icon,
a.pl-button--mini .pl-button__icon {
  width: 16px;
  height: 16px;
  line-height: 0.5;
}

.pl-button--mini .pl-button__icon + .pl-button__label,
a.pl-button--mini .pl-button__icon + .pl-button__label {
  margin-left: 4px;
}

.pl-button--mini .pl-button__label + .pl-button__icon,
a.pl-button--mini .pl-button__label + .pl-button__icon {
  margin-left: 4px;
}
/*# sourceMappingURL=button.css.map */

/*
 * Copyright (c) 2023-2025. Cloud Software Group, Inc. All Rights Reserved. Confidential & Proprietary
 */

.th-title {
  color: #212121;
  font-size: 26px;
  font-weight: 600;
  line-height: 38px;
}
.th-subtitle {
  color: #727272;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.th-font-small {
  color: #727272;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 14px;
}

/*
 * Copyright (c) 2023-2025. Cloud Software Group, Inc. All Rights Reserved. Confidential & Proprietary
 */
body {
  /* You will need to configure the Source Sans Pro font */
  font-family: 'Source Sans Pro', 'PT Sans', Calibri, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html {
  box-sizing: border-box;
}
.MuiPopover-root .MuiPopover-paper::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  border-width: 8px;
  border-style: solid;
  border-color: #0e2d65 transparent transparent transparent;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}

/*
 * Override @backstage/ui CSS custom property tokens to align with the TIBCO
 * app theme (primary: #1774e5). These unlayered rules take precedence over the
 * @layer tokens and @layer components declarations in @backstage/ui/css/styles.css,
 * ensuring Dialog and Button components render with TIBCO brand colors.
 */

/* 1. Align solid (primary) button background with TIBCO primary color */
:root {
  --bui-bg-solid: #1774e5;
  --bui-bg-solid-hover: #0e4f9e;
  --bui-bg-solid-pressed: #0e2d65;
  --bui-bg-solid-disabled: #a3c5f5;
  /* Focus ring matches primary */
  --bui-ring: #1774e5;
}

/*
 * 2. Override destructive primary button colors to use TIBCO blue instead of
 * the hardcoded red (#dc2626) set by @backstage/ui Button.module.css.
 * These custom properties (--bg-solid-danger-*) are element-scoped inside
 * @layer components, so an unlayered attribute-selector rule overrides them.
 */
[data-variant='primary'][data-destructive='true'] {
  --bg-solid-danger: #1774e5;
  --bg-solid-danger-hover: #0e4f9e;
  --bg-solid-danger-pressed: #0e2d65;
  --bg-solid-danger-disabled: #a3c5f5;
}

/*
 * Copyright (c) 2023-2025. Cloud Software Group, Inc. All Rights Reserved. Confidential & Proprietary
 */

.tpdh-js-container {
  margin-top: 24px;
  border-radius: 3px;
  padding: 16px 24px 32px 24px;
  background: #f1f1f1;
}
.tpdh-js-title {
  color: #212121;
  font-size: 22px;
  font-weight: 600;
  line-height: 33px;
}
.tpdh-js-desc {
  margin-top: 8px;
  color: #212121;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /*width: 510px;*/
}
.tpdh-js-container .tpdh-js-btn {
  width: 221px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.tpdh-js-open-icon {
  margin-left: 16px;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  /*  display: grid;*/
}
.tpdh-js-open-icon-link {
  /*display: grid;*/
  vertical-align: middle;
}

/*
 * Copyright (c) 2023-2025. Cloud Software Group, Inc. All Rights Reserved. Confidential & Proprietary
 */

.tpdh-welcome-title {
  color: #212121;
  font-size: 26px;
  font-weight: 600;
}
.tpdh-welcome-desc {
  margin-top: 8px;
  color: #727272;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

/*
 * Copyright (c) 2023-2025. Cloud Software Group, Inc. All Rights Reserved. Confidential & Proprietary
 */

.tpdh-home-container {
  padding: 48px 24px 48px 24px;
  /*width: 1016px;*/
  position: relative;
}
.tpdh-home-content {
  padding: 0 !important;
}
/*.tpdh-home-sub-container{
    width: 984px;
    position: relative;
}*/
.tpdh-home-grid {
  padding-top: 24px;
}
.tpdh-home-header-img {
  width: 100%;
  height: auto;
  /* position: absolute;
  top: 96px;
  right: 0;
  height: 304px;
  width: 750px;*/
}

/*
 * Copyright (c) 2023-2025. Cloud Software Group, Inc. All Rights Reserved. Confidential & Proprietary
 */

.tpdh-progress-margin {
  margin-top: 32px;
}
.tpdh-card-container {
  padding: 16px;
  /* margin-right: 24px;*/
  /*  width: 304px;*/
  height: 100%;
  background: #ffffff;
  border-radius: 8px;
  border: 1px solid #c8c5c5;
}
/*.tpdh-card-container:hover{
    box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.30);
}*/

.tpdh-card-header {
  padding: 8px 16px 8px 16px;
  border-radius: 8px;
  background: #f1f1f1;
}
.tpdh-card-title {
  font-size: 22px;
  font-weight: 600;
  line-height: 33px;
}
.tpdh-card-view-link {
  color: #1774e5;
  cursor: pointer;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.tpdh-card-view-link:hover {
  color: #0e4f9e;
}
.tpdh-card-sub-title {
  color: #464646;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin-top: 16px;
}
.tpdh-card-item {
  padding-bottom: 8px;
}
.tpdh-card-item-title {
  color: #1774e5;
  font-size: 14px;
  cursor: pointer;
  font-weight: 600;
  line-height: 24px;
  margin-right: 16px;
}
.tpdh-card-item-title:hover {
  color: #0e4f9e;
}
.tpdh-card-item-desc {
  color: #727272;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  margin-bottom: 8px;
}
.tpdh-card-item-border-bottom {
  border-bottom: 1px solid;
  border-color: #c8c5c5;
  margin-bottom: 8px;
}
.tpdh-card-item-tag {
  padding-left: 5px;
  padding-right: 5px;
  border-radius: 3px;
  border: 1px solid #dedede;
  color: #000;
  margin-right: 16px;
  font-size: 10px;
  font-weight: 400;
}

/*
 * Copyright (c) 2023-2025. Cloud Software Group, Inc. All Rights Reserved. Confidential & Proprietary
 */

.tpdh-intro-container {
  padding: 48px 24px 24px 24px;
}
.tpdh-intro-title {
  color: #212121;
  font-size: 24px;
  font-weight: 600;
  line-height: 38px;
}
.tpdh-intro-desc {
  color: #212121;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /*  width: 50%;*/
  /*width: 507px;*/
}
.tpdh-intro-buttons {
  margin-top: 20px !important;
  font-size: 16px;
  line-height: 24px;
}

/*
 * Copyright (c) 2023-2025. Cloud Software Group, Inc. All Rights Reserved. Confidential & Proprietary
 */

.th-settings-page button[data-testid='user-settings-menu'] {
  display: none;
}


/*# sourceMappingURL=main.e014b465.css.map*/