/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap);
/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@angular/cdk/overlay-prebuilt.css ***!
  \****************************************************************************************************************************************************************************************************************************************/
.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle (1) ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root.light-theme {
  --pi-color-grey-50: #f9fafb;
  --pi-color-grey-100: #f2f4f8;
  --pi-color-grey-200: #e9ecf1;
  --pi-color-grey-300: #d0d5dd;
  --pi-color-grey-400: #98a2b3;
  --pi-color-grey-500: #667084;
  --pi-color-grey-600: #475466;
  --pi-color-grey-700: #334053;
  --pi-color-grey-800: #182230;
  --pi-color-grey-900: #101828;
  --pi-color-grey-950: #0b101a;
  --pi-bg-primary: #ffffff;
  --pi-bg-secondary: var(--pi-color-grey-50);
  --pi-bg-brand-primary: #eff4ff;
  --pi-tab-bg-white: #ffffff;
  --pi-stroke-color: var(--pi-color-grey-950);
  --pi-border-primary: #cbd5e7;
  --pi-border-primary-profile-card: #ffffff;
  --pi-border-secondary: var(--pi-color-grey-200);
  --pi-border-brand: #96b9fa;
  --pi-border-brand-solid: #2b50e6;
  --pi-text-primary: var(--pi-color-grey-950);
  --pi-text-secondary: var(--pi-color-grey-700);
  --pi-text-tertiary: var(--pi-color-grey-600);
  --pi-text-quarterary: var(--pi-color-grey-500);
  --pi-text-error-primary: #ed2015;
  --pi-navitems-hover-bg: var(--pi-color-grey-50);
  --pi-navitems-hover-text: var(--pi-color-grey-950);
  --pi-navitems-hover-bg: #eff4ff;
  --pi-navitems-selection-text: var(--pi-color-grey-950);
  --pi-navitems-delete-hover-bg: #fff2f1;
  --pi-tab-box-shadow: #cfd6e34d;
  --pi-box-shadow: #cfd6e34d;
  --pi-primary-box-shadow: #80848c4d;
  --pi-nav-badge-50: #f9f5ff;
  --pi-nav-badge-200: #e9d7fe;
  --pi-nav-badge-700: #6941c6;
  /* Pi-select Light theme*/
  --pi-select-bg-primary: #ffffff;
  --pi-select-bg-disabled: #f2f4f8;
  --pi-select-bg-active: #f9fafb;
  --pi-select-bg-brand-solid: #2b50e6;
  --pi-select-fg-primary: #00000026;
  --pi-select-button-primary-bg: #2b50e6;
  --pi-select-text-primary: #0b101a;
  --pi-select-text-secondary: #334053;
  --pi-select-text-tertiary: #475466;
  --pi-select-text-quarterary: #667084;
  --pi-select-text-placeholder: #667084;
  --pi-select-text-error-primary: #ed2015;
  --pi-select-brand-primary: #2b50e6;
  --pi-select-border-primary: #d0d5dd;
  --pi-select-border-brand: #96b9fa;
  --pi-select-border-brand-solid: #2b50e6;
  --pi-select-border-error: #ffa29d;
  --pi-color-grey-50s: #f9fafb;
  --pi-color-grey-300s: #d0d5dd;
  --pi-color-grey-600s: #475466;
  --pi-bg-primary: #ffffff;
  --pi-bg-submenu-primary: #ffffff;
  --pi-bg-heading-text: #8c8c8c;
  --pi-bg-brand-primary: #eff4ff;
  --pi-color-brand-text: #0b101a;
  --pi-bg-menu-item: #6b6b6b;
  --pi-bg-menu-item-hover: #f2f6fc;
  --pi-bg-submenu-bar-heading: #000000;
  --pi-bg-notification-primary-border: #eaecf0;
  --pi-bg-nav-icon-hover: #000000;
  --pi-bg-nav-text-hover: #000000;
  --pi-on-hovering-item: #f2f4f7;
  --pi-parent-menu-item: #f2f6fc;
  --pi-child-menu-item: #f2f6fc;
  --pi-filter: brightness(0) saturate(100%) invert(0%) sepia(83%) saturate(7500%) hue-rotate(209deg) brightness(88%) contrast(115%);
  --pi-parent-filter: brightness(0) saturate(100%) invert(0%) sepia(100%) saturate(16%) hue-rotate(104deg) brightness(92%) contrast(102%);
  --pi-child-filter: brightness(0) saturate(100%) invert(0%) sepia(100%) saturate(16%) hue-rotate(104deg) brightness(92%) contrast(102%);
  --pi-card-title-primary: #0b101a;
  --pi-card-title-secodary: #525f78;
  --pi-card-content: #475466;
  --pi-card-subtitle: #0b101a;
  --pi-card-activity-heading: #262626;
  --pi-card-variant-NIST: #04294d;
  --pi-card-variant-id: #4caf50;
  --pi-table-text-primary: #0b101a;
  --pi-table-text-secondary: #0b101a;
  --pi-table-text-tertiary: #475466;
  --pi-table-border-primary-color: #e9ecf1;
  --pi-table-cell-hover-background-color: #f9fafb;
  --pi-table-cell-highlight-background-color: #f9fafb;
  --pi-table-header-bg-color: #f9fafb;
  --pi-table-header-text-color: #475466;
  --pi-table-button-secondary-border: #d0d5dd;
  --pi-table-counter-border: #d5d9eb;
  --pi-table-counter: #363f72;
  --pi-table-button-filter-label: #334053;
  --pi-table-button-filter-opened-label: #2b50e6;
  --pi-table-button-filter-opened-border: #96b9fa;
  --pi-table-button-filter-background: #eff4ff;
  --pi-cell-icons-group-bg: #fff;
  --pi-cell-icons-group-border: #cfcbdc;
  --pi-cell-icons-group-text: #475467;
  --pi-cell-progress-label: #344054;
  --pi-cell-progress-bar-bg: #eaecf0;
  --pi-table-button-filter-icon: brightness(0) saturate(100%) invert(22%) sepia(11%) saturate(1527%) hue-rotate(176deg) brightness(91%) contrast(87%);
  --pi-table-button-filter-icon-opened: filter: brightness(0) saturate(100%) invert(23%) sepia(73%) saturate(3023%) hue-rotate(226deg) brightness(91%)
    contrast(98%);
  --pi-paginator-button: brightness(0) saturate(100%) invert(29%) sepia(12%) saturate(976%) hue-rotate(176deg) brightness(99%) contrast(87%);
  --pi-pin-icon-filter: brightness(0) saturate(100%) invert(30%) sepia(41%) saturate(285%) hue-rotate(175deg) brightness(92%) contrast(89%);
  --pi-tool-tip-bg: #0b101a;
  --pi-uploader-text-secondary: #334053;
  --pi-uploader-border-disabled: #e9ecf1;
  --pi-uploader-border-drag-over: #2b50e6;
  --pi-uploader-color-primary: #4f46e5;
  --pi-uploader-color-primary-hover: #4338ca;
  --pi-uploader-color-secondary: #6b7280;
  --pi-uploader-color-text: #101828;
  --pi-uploader-color-text-light: #667084;
  --pi-uploader-browse-button: #344054;
  --pi-uploader-color-border: #d0d5dd;
  --pi-uploader-color-border-active: #4f46e5;
  --pi-uploader-bg-primary: #ffffff;
  --pi-uploader-bg-secondary: #e9ecf1;
  --pi-uploader-bg-hover: #f3f4f6;
  --pi-uploader-border-radius: 6px;
  --pi-uploader-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  --pi-snackbar-bg: #ffffff;
  --pi-snackbar-text: #0b101a;
  --calendar-width: 250px;
  --pi-datepicker-bg-primary: #ffffff;
  --pi-datepicker-bg-hover: #e9ecf1;
  --pi-datepicker-bg-selected: #2b50e6;
  --pi-datepicker-bg-hover-date: #b4d1f6;
  --pi-datepicker-border-primary: #d0d5dd;
  --pi-datepicker-border-focused: #96b9fa;
  --pi-datepicker-text-primary: #0b101a;
  --pi-datepicker-text-secondary: #101828;
  --pi-datepicker-text-tertiary: #667084;
  --pi-datepicker-text-selected: #fff;
  --pi-datepicker-text-disabled: #667084;
  --pi-datepicker-text-placeholder: #667084;
  --pi-datepicker-text-selected: #ffffff;
  --pi-datepicker-text-error: #ff0000;
  --pi-datepicker-shadow: 0px 4px 16.2px 0px #00000040;
  --pi-search-text-primary: #454545;
  --pi-search-text-secondary: #6b7280;
  --pi-search-text-tertiary: #535f78;
  --pi-search-text-muted: #6d6d6d;
  --pi-search-bg-primary: #ffffff;
  --pi-search-bg-secondary: #f9fafb;
  --pi-search-bg-tertiary: #f3f4f6;
  --pi-search-border-primary: #e1e6f080;
  --pi-search-border-secondary: #e9ecf1;
  --pi-search-shadow-light: 0px 1px 2.5px 0px #c9d2e9e5;
  --pi-paginator-text-primary: #182230;
  --pi-paginator-text-secondary: #182230;
  --pi-paginator-text-tertiary: #344054;
  --pi-paginator-border-primary: #d0d5dd;
  --pi-paginator-border-secondary: #e9ecf1;
  --pi-paginator-bg-primary: #ffffff;
  --pi-paginator-hover-bg: #f9fafb;
  --pi-paginator-hover-border: #9ca3af;
  --pi-paginator-active-bg: #f3f4f6;
  --pi-paginator-active-bg-page: #f9fafb;
  --pi-sharedws-text-primary: #0b101a;
  --pi-sharedws-text-quarterary: #667084;
  --pi-sharedws-text-secondary: #334053;
  --pi-sharedws-bg-primary: #ffffff;
  --pi-sharedws-bg-secondary: #f9fafb;
  --pi-sharedws-bg-tertiary: #e4f1fd;
  --pi-sharedws-bg-quarterary: #e9ecf1;
  --pi-sharedws-bg-radio: #2b50e6;
  --pi-sharedws-tabs-underline: #223cd3;
  --pi-sharedws-tab-header: #223cd3;
  --pi-sharedws-error: #ed2015;
  --pi-sharedws-border: #d0d5dd;
}

/* Flex mixins */
/* Grid mixins */
/* Media Queries mixins */
/* Text mixins */
/* Standalone shell: remove the browser's default body gutter/scrollbar. The
 * selector deliberately does not match when EsperHub is mounted inside a host. */
html:has(body > app-root > .esperhub-mfe),
body:has(> app-root > .esperhub-mfe) {
  height: 100%;
  margin: 0;
  overflow: hidden;
}

/* IAM organization details are hosted inside EsperHub's shell. The remote's
 * divider and chip positioning rules render as thick bars and clipped text here. */
.esperhub-mfe app-organization-details mat-divider,
.esperhub-mfe app-organization-basic-details .basic-details-form mat-divider.custom-mat-horizontal-divider {
  height: 1px !important;
  border-top: 1px solid #e4e7ec !important;
}

.esperhub-mfe app-organization-basic-details .tag-shell .mdc-evolution-chip-set__chips {
  top: 0 !important;
  bottom: auto !important;
}

/*
 * The select panel is attached to the document-level CDK overlay, outside
 * .esperhub-mfe. Keep its presentation scoped to the Predigle select panel so
 * the host application's other Material overlays are unaffected.
 */
.cdk-overlay-container .predigle-mat-select {
  --scale-value: .8;
  max-height: min(21rem, 100vh - 5rem) !important;
  padding: 0.3rem !important;
  overflow-y: auto !important;
}

.cdk-overlay-container .predigle-mat-select .dropdwon-input-box-container {
  position: sticky;
  z-index: 2;
  top: 0;
  height: 2.7rem;
  padding: 0.25rem;
  background: #fff;
}

.cdk-overlay-container .predigle-mat-select .dropdwon-input-box-container .input-container,
.cdk-overlay-container .predigle-mat-select .dropdwon-input-box-container .mat-mdc-form-field {
  width: 100% !important;
  height: 2.2rem !important;
  padding: 0 !important;
}

.cdk-overlay-container .predigle-mat-select .dropdwon-input-box-container .mat-mdc-text-field-wrapper,
.cdk-overlay-container .predigle-mat-select .dropdwon-input-box-container .mat-mdc-form-field-flex,
.cdk-overlay-container .predigle-mat-select .dropdwon-input-box-container .input-wrapper {
  display: flex !important;
  width: 100% !important;
  height: 2.2rem !important;
  min-height: 2.2rem !important;
  align-items: center !important;
}

.cdk-overlay-container .predigle-mat-select .dropdwon-input-box-container .mat-mdc-form-field-infix {
  min-height: 0 !important;
  padding: 0.25rem 0.5rem !important;
}

.cdk-overlay-container .predigle-mat-select .dropdwon-input-box-container .input-icon {
  width: 1rem !important;
  height: 1rem !important;
}

.cdk-overlay-container .predigle-mat-select .dropdwon-input-box-container input {
  height: 1.7rem !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0.8rem !important;
  line-height: 1.5rem !important;
}

.cdk-overlay-container .predigle-mat-select .mat-mdc-option {
  min-height: 2.4rem !important;
  height: 2.4rem !important;
  padding: 0.25rem 0.65rem !important;
}

.cdk-overlay-container .predigle-mat-select .mdc-list-item__primary-text {
  display: flex !important;
  align-items: center !important;
  gap: 0.55rem !important;
  width: 100%;
  min-width: 0;
  font-size: 0.8rem !important;
}

.cdk-overlay-container .predigle-mat-select .dropdown-item-icon-container {
  display: flex !important;
  flex: 0 0 1.65rem;
  align-items: center;
  justify-content: center;
  width: 1.65rem;
  height: 1.65rem;
  overflow: hidden;
}

.cdk-overlay-container .predigle-mat-select img.dropdown-item-avatar,
.cdk-overlay-container .predigle-mat-select .dropdown-item-icon-container > img {
  display: block;
  width: 1.5rem !important;
  height: 1.5rem !important;
  max-width: 1.5rem !important;
  max-height: 1.5rem !important;
  border-radius: 50%;
  object-fit: contain;
}

.cdk-overlay-container .predigle-mat-select .option-text-container {
  display: flex;
  min-width: 0;
  overflow: hidden;
}

.cdk-overlay-container .predigle-mat-select .primary-content {
  overflow: hidden;
  font-size: 0.8rem !important;
  line-height: 1.2rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cdk-overlay-container .predigle-mat-select.tenant-search-hides-active .mat-mdc-option.mdc-list-item--selected {
  display: none !important;
}

.cdk-overlay-container .predigle-mat-select.tenant-search-empty::after {
  display: block;
  padding: 0.8rem 0.75rem;
  color: #666666;
  font-size: 0.8rem;
  text-align: center;
  content: "No tenants found";
}

.esperhub-mfe {
  --ink: #111111;
  --strong-gray: #2b2b2b;
  --muted-gray: #666666;
  --secondary-gray: #8a8a8a;
  --navy: #111111;
  --navy-2: #1d1d1d;
  --canvas: #f5f5f5;
  --surface: #fff;
  --line: #d8d8d8;
  --text: #111111;
  --muted: #666666;
  --indigo: #2b2b2b;
  --indigo-weak: #f5f5f5;
  --teal: #2b2b2b;
  --teal-weak: #f5f5f5;
  --amber: #444444;
  --amber-weak: #fafafa;
  --red: #111111;
  --red-weak: #f5f5f5;
  --shadow: 0 8px 22px rgba(17, 17, 17, .08);
  --scale-value: .8;
  min-height: 100%;
  margin: 0;
  background: var(--canvas);
  color: var(--text);
  font: 13px/1.45 Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  /* Shared density for the collection and ticket operating views. */
}
.esperhub-mfe * {
  box-sizing: border-box;
}
.esperhub-mfe button, .esperhub-mfe input, .esperhub-mfe textarea, .esperhub-mfe select {
  color: inherit;
  font: inherit;
}
.esperhub-mfe button {
  cursor: pointer;
}
.esperhub-mfe button:disabled {
  cursor: not-allowed;
}
.esperhub-mfe :where(a, button, input, textarea, select):focus-visible {
  outline: 2px solid #2b2b2b;
  outline-offset: 2px;
}
.esperhub-mfe h1, .esperhub-mfe h2, .esperhub-mfe h3 {
  font-family: Inter, sans-serif;
}
.esperhub-mfe, .esperhub-mfe *, .esperhub-mfe *::before, .esperhub-mfe *::after {
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.esperhub-mfe .sr {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}
.esperhub-mfe .collections, .esperhub-mfe .tickets {
  max-width: 1440px !important;
  margin: 0 auto !important;
  padding: 24px 30px !important;
}
.esperhub-mfe .collections header, .esperhub-mfe .tickets header {
  min-height: 58px !important;
  align-items: flex-start !important;
  padding-bottom: 14px !important;
  border-bottom: 1px solid var(--line) !important;
}
.esperhub-mfe .collections h1, .esperhub-mfe .tickets h1 {
  margin: 2px 0 !important;
  font-size: 23px !important;
  letter-spacing: -0.5px !important;
}
.esperhub-mfe .collections header p, .esperhub-mfe .tickets header p {
  margin: 0 0 3px !important;
  color: var(--indigo) !important;
  font-size: 10px !important;
}
.esperhub-mfe .collections header span, .esperhub-mfe .tickets header span {
  color: var(--muted) !important;
  font-size: 12px !important;
}
.esperhub-mfe .collections header > a, .esperhub-mfe .tickets header > a {
  padding: 8px 12px !important;
  border-radius: 4px !important;
  background: var(--indigo) !important;
  font-size: 12px !important;
}
.esperhub-mfe .controls, .esperhub-mfe .filters {
  display: flex !important;
  align-items: center !important;
  height: 48px !important;
  margin: 0 !important;
  padding: 9px 12px !important;
  border: 1px solid var(--line) !important;
  border-top: 0 !important;
  background: #fff !important;
}
.esperhub-mfe .controls select, .esperhub-mfe .filters select {
  padding: 6px 8px !important;
  border-color: #cfd6e1 !important;
  border-radius: 3px !important;
}
.esperhub-mfe .controls button {
  padding: 6px 10px !important;
  border-color: #cfd6e1 !important;
}
.esperhub-mfe .controls button.active {
  background: var(--navy) !important;
}
.esperhub-mfe .table {
  border-color: var(--line) !important;
  border-radius: 0 !important;
}
.esperhub-mfe .head {
  background: #f8f9fb !important;
  color: var(--muted) !important;
  font-size: 9px !important;
  letter-spacing: 0.09em !important;
}
.esperhub-mfe .row {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.esperhub-mfe .row:hover {
  background: #f8faff !important;
}
.esperhub-mfe .row a {
  border-radius: 3px !important;
  background: var(--indigo) !important;
}
.esperhub-mfe .status {
  border-radius: 3px !important;
  background: var(--teal-weak) !important;
  color: var(--teal) !important;
}
.esperhub-mfe .status.draft {
  background: var(--amber-weak) !important;
  color: var(--amber) !important;
}
.esperhub-mfe .grid {
  gap: 0 !important;
  border: 1px solid var(--line) !important;
  background: var(--line) !important;
}
.esperhub-mfe .grid article {
  min-height: 160px !important;
  padding: 15px !important;
  border: 0 !important;
}
.esperhub-mfe .grid h2 {
  margin: 8px 0 !important;
}
.esperhub-mfe .notice {
  border-color: var(--line) !important;
}
.esperhub-mfe .tickets .filters {
  justify-content: space-between !important;
}
.esperhub-mfe .tickets .table {
  margin-top: 14px !important;
}
.esperhub-mfe .tickets aside {
  top: 54px !important;
  width: 390px !important;
  border-left: 1px solid var(--line) !important;
  box-shadow: -8px 0 24px rgba(17, 28, 47, 0.0705882353) !important;
}
.esperhub-mfe .tickets .row.active {
  background: var(--indigo-weak) !important;
}
.esperhub-mfe .tickets .row button {
  color: var(--indigo) !important;
}
.esperhub-mfe .tickets .event {
  border-left-color: #aebcf4 !important;
}
.esperhub-mfe .brand img {
  width: 128px !important;
  max-height: 33px !important;
  padding: 3px !important;
  border-radius: 2px !important;
  background: #fff !important;
  filter: none !important;
}
.esperhub-mfe nav a[href="/builder"].active:has(~ a[href="/builder/forms"].active) {
  background: transparent;
  box-shadow: none;
  color: #172033;
  font-weight: 400;
}
@media (max-width: 800px) {
  .esperhub-mfe .collections, .esperhub-mfe .tickets {
    padding: 18px 14px !important;
  }
  .esperhub-mfe .tickets .head {
    display: none !important;
  }
  .esperhub-mfe .tickets .table {
    border-top: 1px solid var(--line) !important;
  }
  .esperhub-mfe .tickets .row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 5px 12px !important;
    align-items: start !important;
    padding: 12px !important;
  }
  .esperhub-mfe .tickets .row > span:first-child {
    grid-row: 1 !important;
    grid-column: 1 !important;
    color: var(--muted) !important;
    font-size: 10px !important;
    white-space: nowrap !important;
  }
  .esperhub-mfe .tickets .row > b {
    grid-row: 2 !important;
    grid-column: 1/-1 !important;
    min-width: 0 !important;
    line-height: 1.35 !important;
  }
  .esperhub-mfe .tickets .row > span:nth-child(4) {
    grid-row: 1 !important;
    grid-column: 2 !important;
  }
  .esperhub-mfe .tickets .row > span:nth-child(3), .esperhub-mfe .tickets .row > span:nth-child(5), .esperhub-mfe .tickets .row > span:nth-child(6) {
    display: block !important;
    grid-column: 1/-1 !important;
    color: var(--muted) !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
  }
  .esperhub-mfe .tickets .row > button {
    grid-row: 3/6 !important;
    grid-column: 2 !important;
    align-self: end !important;
    padding: 3px 0 !important;
  }
  .esperhub-mfe .tickets .row > span:nth-child(3)::before {
    content: "Requester: ";
  }
  .esperhub-mfe .tickets .row > span:nth-child(5)::before {
    content: "Owner: ";
  }
  .esperhub-mfe .tickets .row > span:nth-child(6)::before {
    content: "Updated: ";
  }
  .esperhub-mfe .collections .controls {
    height: auto !important;
    min-height: 48px !important;
  }
}
@media (max-width: 520px) {
  .esperhub-mfe .collections .controls {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 7px !important;
    padding: 9px 12px !important;
  }
  .esperhub-mfe .collections .controls > div {
    display: flex !important;
    position: static !important;
  }
  .esperhub-mfe .collections .table, .esperhub-mfe .collections .grid {
    margin-top: 12px !important;
  }
}

/*# sourceMappingURL=styles.b01b2ac8e0a08bc4.css.map*/