/* src/styles/theme/theme.scss */
p-card .p-card {
  border-radius: 20px;
  border: 1px solid #ECEFF4;
  box-shadow: none !important;
}
p-card .p-card .p-card-body {
  padding: 1.5rem !important;
}
p-card .p-card .p-card-body .p-card-content {
  padding: 0 !important;
}
p-button .p-button {
  height: 40px;
  border-radius: 11px;
  padding: 0 16px !important;
  font-size: 0.8125rem;
  font-weight: 600;
  gap: 7px;
  white-space: nowrap;
  transition:
    background 0.18s,
    border-color 0.18s,
    color 0.18s,
    box-shadow 0.18s;
  background: #2159DA;
  border-color: #2159DA;
  color: #fff;
  box-shadow: 0 8px 18px -6px rgba(33, 89, 218, 0.55);
}
p-button .p-button:enabled:hover,
p-button .p-button:not(:disabled):hover {
  background: #1B49B4;
  border-color: #1B49B4;
  color: #fff;
}
p-button .p-button .p-button-icon {
  font-size: 1rem;
}
p-button .p-button.p-button-secondary {
  background: #fff;
  border-color: #DDE3EC;
  color: #3A465E;
  box-shadow: none;
}
p-button .p-button.p-button-secondary .p-button-icon {
  color: #8A94A6;
}
p-button .p-button.p-button-secondary:enabled:hover,
p-button .p-button.p-button-secondary:not(:disabled):hover {
  background: #F4F7FC;
  border-color: #DDE3EC;
  color: #3A465E;
}
p-button .p-button.p-button-danger {
  background: #fff;
  border-color: #F0D2D0;
  color: #D8524C;
  box-shadow: none;
}
p-button .p-button.p-button-danger .p-button-icon {
  color: #D8524C;
}
p-button .p-button.p-button-danger:enabled:hover,
p-button .p-button.p-button-danger:not(:disabled):hover {
  background: #FDF3F2;
  border-color: #F0D2D0;
  color: #D8524C;
}
p-button .p-button.p-button-text {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
  color: #2159DA;
}
p-datepicker {
  width: 100%;
  display: block;
}
p-datepicker .p-datepicker {
  width: 100%;
}
html[dir=rtl] .p-datepicker-panel {
  direction: rtl;
}
html[dir=rtl] .p-datepicker-prev-button {
  order: -1;
}
html[dir=rtl] .p-datepicker-next-button {
  order: 1;
}
html[dir=rtl] .p-datepicker-prev-button,
html[dir=rtl] .p-datepicker-next-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
html[dir=rtl] .p-datepicker-prev-button svg,
html[dir=rtl] .p-datepicker-next-button svg,
html[dir=rtl] .p-datepicker-prev-button [data-p-icon],
html[dir=rtl] .p-datepicker-next-button [data-p-icon] {
  transform: scaleX(-1) !important;
  transform-origin: center center !important;
  transform-box: fill-box;
}
html[dir=rtl] .p-datepicker-weekday-cell {
  padding: 0.25rem 0.15rem;
}
html[dir=rtl] .p-datepicker-weekday {
  white-space: nowrap;
  font-size: 0.72rem;
  font-weight: 600;
}
p-select {
  width: 100%;
  display: block;
}
p-select .p-select {
  width: 100%;
}
p-dialog .p-dialog {
  border-radius: 20px;
  border: 1px solid #ECEFF4;
  overflow-y: auto;
  box-shadow: 0 30px 70px -20px rgba(14, 27, 51, 0.4);
}
@media screen and (min-width: 767px) {
  p-dialog .p-dialog {
    min-width: 350px;
  }
}
p-dialog .p-dialog .p-dialog-header {
  border-radius: 20px 20px 0 0;
  padding: 22px 24px 18px;
  border-bottom: 1px solid #F0F3F7;
}
p-dialog .p-dialog .p-dialog-header .p-dialog-title {
  font-size: 1.125rem;
  font-weight: 700;
  color: #0E1B33;
}
p-dialog .p-dialog .p-dialog-header .p-dialog-header-actions .p-dialog-header-action,
p-dialog .p-dialog .p-dialog-header .p-dialog-close-button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 0;
  padding: 0 !important;
  width: 34px;
  height: 34px;
  min-width: 0;
  border-radius: 9px;
  background: #F1F4F9;
  color: #55627A;
  box-shadow: none !important;
  transition: background 0.2s, color 0.2s;
}
p-dialog .p-dialog .p-dialog-header .p-dialog-header-actions .p-dialog-header-action .p-icon,
p-dialog .p-dialog .p-dialog-header .p-dialog-header-actions .p-dialog-header-action svg,
p-dialog .p-dialog .p-dialog-header .p-dialog-header-actions .p-dialog-header-action [data-p-icon],
p-dialog .p-dialog .p-dialog-header .p-dialog-header-actions .p-dialog-header-action .p-dialog-close-icon,
p-dialog .p-dialog .p-dialog-header .p-dialog-close-button .p-icon,
p-dialog .p-dialog .p-dialog-header .p-dialog-close-button svg,
p-dialog .p-dialog .p-dialog-header .p-dialog-close-button [data-p-icon],
p-dialog .p-dialog .p-dialog-header .p-dialog-close-button .p-dialog-close-icon {
  width: 18px;
  height: 18px;
  margin: 0;
  flex: none;
}
p-dialog .p-dialog .p-dialog-header .p-dialog-header-actions .p-dialog-header-action:enabled:hover,
p-dialog .p-dialog .p-dialog-header .p-dialog-header-actions .p-dialog-header-action:not(:disabled):hover,
p-dialog .p-dialog .p-dialog-header .p-dialog-close-button:enabled:hover,
p-dialog .p-dialog .p-dialog-header .p-dialog-close-button:not(:disabled):hover {
  background: #E7ECF3;
  color: #55627A;
  box-shadow: none !important;
}
p-dialog .p-dialog .p-dialog-content {
  border-radius: 0 0 20px 20px;
  padding: 24px;
}
.p-dialog-content .action-container {
  margin: 1.5rem -24px -24px;
  padding: 16px 24px;
  border-top: 1px solid #F0F3F7;
  background: #FAFBFD;
  border-radius: 0 0 20px 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
p-multiselect {
  width: 100%;
  display: block;
}
p-multiselect .p-multiselect {
  width: 100% !important;
}
p-multiselect .p-component {
  width: 100% !important;
}
p-multiselect .p-inputwrapper {
  width: 100% !important;
}
.table-scroll {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.table-card {
  background: #FFFFFF;
  border: 1px solid #ECEFF4;
  border-radius: 14px;
  overflow: hidden;
}
.p-datatable .p-datatable-thead > tr > th {
  background: #FAFBFD;
  color: #8A94A6;
  font-weight: 600;
  font-size: 0.719rem;
  letter-spacing: 0.01em;
  white-space: nowrap;
  border-bottom: 1px solid #F0F3F7;
  padding: 0 18px;
  height: 44px;
}
.p-datatable .p-datatable-tbody > tr {
  transition: background 0.15s;
}
.p-datatable .p-datatable-tbody > tr > td {
  font-size: 0.844rem;
  color: #2A3652;
  padding: 0 18px;
  height: 52px;
  border-bottom: 1px solid #F0F3F7;
}
.p-datatable .p-datatable-tbody > tr:last-child > td {
  border-bottom: 0;
}
.p-datatable .p-datatable-tbody > tr:hover {
  background: #FAFBFD;
}
.p-datatable .cell-num {
  text-align: left;
  font-family:
    ui-monospace,
    Menlo,
    monospace;
  font-variant-numeric: tabular-nums;
  color: #6B7690;
}
.p-datatable .cell-total {
  font-weight: 700;
  color: #0E1B33;
}
.p-datatable .cell-strong {
  font-weight: 600;
  color: #0E1B33;
}
.table-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 13px 18px;
  border-top: 1px solid #F0F3F7;
  background: #FAFBFD;
  font-size: 0.781rem;
  color: #8A94A6;
}
.p-paginator {
  margin-top: 0.5rem;
  background: transparent;
}
.row-actions {
  display: flex;
  gap: 0.5rem;
  flex-wrap: nowrap;
}
.status-pill {
  display: inline-flex;
  align-items: center;
  padding: 4px 11px;
  border-radius: 999px;
  font-size: 0.719rem;
  font-weight: 600;
  line-height: 1.4;
  white-space: nowrap;
  text-transform: capitalize;
}
.status-pill.pill-success,
.status-pill.pill-teal {
  color: #0E8C84;
  background: #E6F7F5;
}
.status-pill.pill-info,
.status-pill.pill-blue {
  color: #2159DA;
  background: #E9F0FF;
}
.status-pill.pill-warning,
.status-pill.pill-amber {
  color: #B9761F;
  background: #FDF1E3;
}
.status-pill.pill-danger {
  color: #D8524C;
  background: #FDF3F2;
}
.status-pill.pill-neutral {
  color: #55627A;
  background: #EEF1F6;
}
.p-password input,
.p-multiselect,
p-datepicker .p-datepicker-input,
.p-datepicker-input,
p-select .p-select,
.p-select,
input.p-inputtext:not(.p-datepicker-input):not(.p-autocomplete-input) {
  width: 100%;
  height: 44px;
  border-radius: 11px;
  border: 1px solid #E4E9F0;
  background: #fff;
  color: #0E1B33;
  font-size: 0.875rem;
  transition: border-color 0.15s, box-shadow 0.15s;
}
.p-password input::placeholder,
.p-multiselect::placeholder,
.p-datepicker-input::placeholder,
.p-select::placeholder,
input.p-inputtext:not(.p-datepicker-input):not(.p-autocomplete-input)::placeholder {
  color: #AAB2C0;
}
.p-password input:enabled:hover,
.p-multiselect:enabled:hover,
.p-datepicker-input:enabled:hover,
.p-select:enabled:hover,
input.p-inputtext:enabled:hover:not(.p-datepicker-input):not(.p-autocomplete-input) {
  border-color: #DDE3EC;
}
.p-password input:enabled:focus,
.p-multiselect:enabled:focus,
.p-datepicker-input:enabled:focus,
.p-select:enabled:focus,
input.p-inputtext:enabled:focus:not(.p-datepicker-input):not(.p-autocomplete-input),
.p-password input.p-focus,
.p-focus.p-multiselect,
.p-focus.p-datepicker-input,
.p-focus.p-select,
input.p-focus.p-inputtext:not(.p-datepicker-input):not(.p-autocomplete-input),
.p-password input:focus-visible,
.p-multiselect:focus-visible,
.p-datepicker-input:focus-visible,
.p-select:focus-visible,
input.p-inputtext:focus-visible:not(.p-datepicker-input):not(.p-autocomplete-input) {
  outline: 0;
  border-color: #2159DA;
  box-shadow: 0 0 0 3px rgba(33, 89, 218, 0.12);
}
p-select .p-select,
.p-select {
  display: flex;
  align-items: center;
}
p-select .p-select .p-select-label,
.p-select .p-select-label {
  padding-block: 0;
  display: flex;
  align-items: center;
  color: #0E1B33;
}
p-select .p-select.p-focus,
.p-select.p-focus {
  border-color: #2159DA;
  box-shadow: 0 0 0 3px rgba(33, 89, 218, 0.12);
}
.p-multiselect {
  display: flex;
  align-items: center;
}
.p-password {
  width: 100%;
}
label,
.field-label {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #3A465E;
}
.required-control-flag {
  color: #D8524C;
  margin-inline-start: 2px;
}
.page-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 22px;
}
.page-head__titles {
  min-width: 0;
}
.page-head__title {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 700;
  color: #0E1B33;
}
.page-head__subtitle {
  font-size: 0.8125rem;
  color: #8A94A6;
  margin-top: 5px;
}
.page-head__actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.filter-row {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 18px;
}
.filter-row__search {
  position: relative;
  flex: 1;
  min-width: 220px;
}
.filter-row__search .ms {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 19px;
  color: #AAB2C0;
  pointer-events: none;
}
.filter-row__search input {
  width: 100%;
  height: 42px;
  padding: 0 40px 0 14px;
  border: 1px solid #E4E9F0;
  border-radius: 11px;
  background: #fff;
  font-size: 0.875rem;
  color: #0E1B33;
  outline: none;
}
.filter-row__search input:focus {
  border-color: #2159DA;
  box-shadow: 0 0 0 3px rgba(33, 89, 218, 0.12);
}
.filter-chip {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 42px;
  padding: 0 14px;
  border: 1px solid #E4E9F0;
  border-radius: 11px;
  background: #fff;
  color: #55627A;
  font-size: 0.844rem;
  font-weight: 500;
  cursor: pointer;
  white-space: nowrap;
}
.filter-chip .ms {
  font-size: 19px;
  color: #AAB2C0;
}
.filter-chip:hover {
  background: #F4F7FC;
}
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  height: 40px;
  padding: 0 16px;
  border-radius: 11px;
  font-size: 0.8125rem;
  font-weight: 600;
  cursor: pointer;
  border: 1px solid transparent;
  transition:
    background 0.18s,
    border-color 0.18s,
    color 0.18s;
  white-space: nowrap;
}
.btn .ms {
  font-size: 19px;
}
.btn--primary {
  background: #2159DA;
  color: #fff;
  box-shadow: 0 8px 18px -6px rgba(33, 89, 218, 0.55);
}
.btn--primary:hover {
  background: #1B49B4;
}
.btn--secondary {
  background: #fff;
  border-color: #DDE3EC;
  color: #3A465E;
}
.btn--secondary .ms {
  color: #8A94A6;
}
.btn--secondary:hover {
  background: #F4F7FC;
}
.btn--danger {
  background: #fff;
  border-color: #F0D2D0;
  color: #D8524C;
}
.btn--danger .ms {
  color: #D8524C;
}
.btn--danger:hover {
  background: #FDF3F2;
}
.btn--link {
  background: #fff;
  border-color: #DDE3EC;
  color: #2159DA;
}
.btn--link:hover {
  background: #F4F7FC;
}
.avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #E9F0FF;
  color: #2159DA;
  font-weight: 700;
  font-size: 0.781rem;
  flex: none;
}
.entity-tile {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 9px;
  background: #EEF3FF;
  color: #2159DA;
  flex: none;
}
.entity-tile .ms {
  font-size: 18px;
}
.brand-tile {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background:
    linear-gradient(
      135deg,
      #17C3B2,
      #2159DA);
  color: #fff;
  flex: none;
}
.brand-tile .ms {
  font-size: 23px;
}
.file-tile {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: #F1F4F9;
  color: #8A94A6;
  flex: none;
}
.file-tile .ms {
  font-size: 19px;
}
.cell-lede {
  display: flex;
  align-items: center;
  gap: 11px;
}
.cell-lede__title {
  font-weight: 600;
  font-size: 0.844rem;
  color: #0E1B33;
}
.cell-lede__meta {
  font-family:
    ui-monospace,
    Menlo,
    monospace;
  font-size: 0.75rem;
  color: #8A94A6;
  margin-top: 3px;
}
.perm-card {
  background: #fff;
  border: 1px solid #ECEFF4;
  border-radius: 16px;
  padding: 20px 26px;
  margin-bottom: 16px;
}
.perm-card__title {
  margin: 0 0 6px;
  font-size: 1rem;
  font-weight: 700;
  color: #0E1B33;
}
.perm-card__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding: 15px 0;
  border-top: 1px solid #F2F4F8;
  flex-wrap: wrap;
}
.perm-card__label {
  font-weight: 600;
  font-size: 0.875rem;
  color: #2A3652;
  white-space: nowrap;
}
.perm-card__perms {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  justify-content: flex-end;
}
.perm-toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 12px;
  border: 1px solid #E1E7F0;
  border-radius: 10px;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  transition: background 0.15s;
}
.perm-toggle:hover {
  background: #F4F7FC;
}
.perm-toggle__box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 19px;
  height: 19px;
  border-radius: 6px;
  border: 1.5px solid #CFD6E1;
  background: #fff;
}
.perm-toggle__box .ms {
  font-size: 14px;
  color: #fff;
  opacity: 0;
}
.perm-toggle__label {
  font-weight: 600;
  font-size: 0.8125rem;
  color: #3A465E;
}
.perm-toggle.is-on .perm-toggle__box {
  background: #17C3B2;
  border-color: #17C3B2;
}
.perm-toggle.is-on .perm-toggle__box .ms {
  opacity: 1;
}
.sticky-actions {
  position: sticky;
  bottom: 0;
  display: flex;
  gap: 10px;
  padding: 16px 0;
  background:
    linear-gradient(
      to top,
      #F6F8FB 55%,
      rgba(246, 248, 251, 0));
}
.form-section-label {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #2159DA;
  margin-bottom: 14px;
}
.surface-card {
  background: #FFFFFF;
  border: 1px solid #ECEFF4;
  border-radius: 16px;
  padding: 20px 24px;
}

/* angular:styles/global:customTheme */
/*# sourceMappingURL=customTheme-MU4EQ2YO.css.map */