@import url("./components/input.css?v=required-marker-red-1");
@import url("./components/table.css?v=20261016-row-height-52");
@import url("./components/table-toolbar.css?v=20261016-persistent-navigation");
@import url("./components/topbar.css?v=notifications-api-list-1");
@import url("./components/dialog.css");

#btnSave[data-d360-primary="true"] {
  background-color: #0065FF !important;
  color: #FFFFFF !important;
}

#btnSave[data-d360-primary="true"]:hover {
  background-color: #0052CC !important;
  color: #FFFFFF !important;
}

#btnStepSave {
  background-color: #0065FF !important;
  border-color: #0065FF !important;
  color: #FFFFFF !important;
}

#btnStepSave:hover {
  background-color: #0052CC !important;
  border-color: #0052CC !important;
  color: #FFFFFF !important;
}

#tTimeline {
  background-color: #FFE6FE !important;
  color: #FF2FF7 !important;
}

[data-d360-test-action="true"] {
  background-color: #0065FF !important;
  color: #FFFFFF !important;
}

[data-d360-test-action="true"]:hover {
  background-color: #0052CC !important;
  color: #FFFFFF !important;
}

.d360-mail-test-row {
  align-items: center;
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr auto;
  margin-top: 16px;
}

.d360-mail-provider-tabs {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}

.d360-mail-provider-form {
  margin-top: 36px !important;
  padding-top: 8px !important;
}

@media (max-width: 767px) {
  .d360-mail-test-row {
    grid-template-columns: 1fr;
  }
}

.d360-settings-actions {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: flex-end;
}

.d360-settings-actions--fixed {
  bottom: 40px;
  position: fixed;
  right: 24px;
  z-index: 30;
}

.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.fld.hidden,
.d360-fieldset.hidden,
.ui-floating-fieldset.hidden {
  display: none !important;
}

.d360-avatar {
  display: grid;
  overflow: hidden;
  place-items: center;
  position: relative;
  border-radius: 9999px !important;
}

.d360-avatar__icon {
  align-items: center;
  display: flex !important;
  inset: 0;
  justify-content: center;
  line-height: 1 !important;
  position: absolute;
}

.d360-avatar__img {
  border-radius: inherit;
  display: block;
  height: 100%;
  inset: 0;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.d360-avatar__icon.hidden,
.d360-avatar__img.hidden,
.d360-avatar__icon[hidden],
.d360-avatar__img[hidden] {
  display: none !important;
}

.person-general-card {
  border: 1px solid #0065FF !important;
  border-radius: 6px !important;
  box-shadow: 0 2px 4px rgba(16, 24, 40, .18) !important;
  box-sizing: border-box;
  margin: 0;
  min-height: 634px;
  width: 354px;
}

.person-toast-wrap {
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: fixed;
  right: 24px;
  top: 24px;
  z-index: 9999;
}

.person-toast {
  background: #FFEBE6;
  border: 1px solid #FFEBE6;
  border-radius: 8px;
  box-shadow: 0 12px 30px rgba(16, 24, 40, 0.18);
  color: #F03000;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  max-width: min(360px, calc(100vw - 48px));
  opacity: 0;
  padding: 12px 14px;
  transform: translateY(-8px);
  transition: opacity 160ms ease, transform 160ms ease;
}

.person-toast.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.person-toast--error {
  background: #FFEBE6;
  border-color: #FFEBE6;
  color: #F03000;
}

.person-toast--validation {
  background: #FFEBE6;
  border-color: #FFEBE6;
  color: #F03000;
}

.person-toast--success {
  background: #E3FCEF;
  border-color: #E3FCEF;
  color: #00875A;
}

.person-toast--warning {
  background: #FFEBE6;
  border-color: #FFEBE6;
  color: #F03000;
}

.person-general-card > div {
  padding: 10px 16px 18px !important;
}

.person-general-card > div > .text-sm:first-child {
  color: #1A1A1A !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 18px !important;
}

.person-general-card #btnPickPhoto {
  background: #D9D9D9 !important;
  height: 64px !important;
  width: 64px !important;
}

.person-general-card #avatarIcon {
  color: #8C8C8C !important;
  font-size: 32px !important;
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 32;
}

.person-general-card #btnPickPhoto + button,
.person-general-card #btnEditPhoto {
  border-color: #36B37E !important;
  bottom: -2px !important;
  height: 26px !important;
  right: -4px !important;
  width: 26px !important;
}

.person-general-card #btnPickPhoto + button .material-symbols-rounded,
.person-general-card #btnEditPhoto .material-symbols-rounded {
  color: #00875A !important;
  font-size: 18px !important;
}

.person-general-card #sideName {
  color: #1A1A1A !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 18px !important;
  margin-top: 12px !important;
}

.person-general-card #sideType {
  color: #1A1A1A !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 18px !important;
  margin-top: 2px !important;
}

.person-general-card #sideType .inline-flex {
  font-size: inherit !important;
  font-weight: inherit !important;
}

.person-general-card [title="Mail"],
.person-general-card [title="Mesaj"],
.person-general-card [title="Ara"] {
  background: #DEEBFF !important;
  border-radius: 4px !important;
  height: 44px !important;
  width: 44px !important;
}

.person-general-card [title="Mail"] .material-symbols-rounded,
.person-general-card [title="Mesaj"] .material-symbols-rounded,
.person-general-card [title="Ara"] .material-symbols-rounded {
  color: #0065FF !important;
  font-size: 24px !important;
}

.person-general-card #sideTabAbout,
.person-general-card #sideTabNotes {
  border-radius: 0 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 18px !important;
  padding-bottom: 10px !important;
  padding-top: 10px !important;
}

.person-general-card #sideTabAbout {
  color: #0065FF !important;
}

.person-general-card #sideTabNotes {
  color: #AFAFAF !important;
}

.person-general-card #sideAbout {
  margin-top: 16px !important;
}

.person-general-card #sideAbout > div {
  align-items: center !important;
  gap: 10px !important;
  min-height: 32px;
}

.person-general-card #sideAbout .material-symbols-rounded {
  flex: 0 0 18px;
  font-size: 19px !important;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  line-height: 1 !important;
  margin-top: 0 !important;
  width: 18px;
}

.person-general-card #sideAbout > div:nth-child(1) > .material-symbols-rounded {
  color: #0065FF !important;
}

.person-general-card #sideAbout > div:nth-child(2) > .material-symbols-rounded {
  color: #FF5630 !important;
}

.person-general-card #sideAbout > div:nth-child(3) > .material-symbols-rounded {
  color: #FFC400 !important;
}

.person-general-card #sideAbout > div:nth-child(4) > .material-symbols-rounded {
  color: #6554C0 !important;
}

.person-general-card #sideAbout > div:nth-child(5) > .material-symbols-rounded {
  color: #0065FF !important;
}

.person-general-card #sideAbout > div:nth-child(6) > .material-symbols-rounded {
  color: #FF2FF7 !important;
}

.person-general-card #sideAbout > div:nth-child(7) > .material-symbols-rounded {
  color: #1A1A1A !important;
}

.person-general-card #sideAbout > div:nth-child(8) > .material-symbols-rounded {
  color: #FF8B00 !important;
}

.person-general-card #sideAbout > div:nth-child(9) > .material-symbols-rounded {
  color: #403294 !important;
}

.person-general-card #sideAbout > div:nth-child(10) > .material-symbols-rounded {
  color: #00BDD6 !important;
}

.person-general-card #sideAbout span:nth-child(2) {
  color: #1A1A1A !important;
  flex: 0 0 auto !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 18px !important;
  width: auto !important;
}

.person-general-card #sideAbout span:nth-child(3) {
  color: #1A1A1A !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 18px !important;
  min-width: 0;
}

.person-general-action {
  align-items: center;
  background: #DEEBFF !important;
  border: 0 !important;
  border-radius: 4px !important;
  color: #0065FF;
  display: inline-flex;
  height: 44px !important;
  justify-content: center;
  min-height: 44px !important;
  min-width: 44px !important;
  padding: 0 !important;
  transition: background-color .15s ease, color .15s ease, opacity .15s ease;
  width: 44px !important;
}

.person-general-action .material-symbols-rounded {
  color: currentColor;
  font-size: 24px !important;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
  line-height: 1;
}

.person-general-action:hover,
.person-general-action:focus-visible {
  background: #0065FF;
  color: #FFFFFF;
  outline: none;
}

.person-general-action:disabled {
  cursor: not-allowed;
  opacity: .45;
}

.person-form-layout {
  align-items: start;
}

.person-form-card {
  border-color: #AFAFAF !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  min-height: 512px;
}

.person-form-card__header {
  align-items: center;
  display: flex;
  min-height: 46px;
  padding: 0 43px !important;
}

.person-form-card__header #panelTitle {
  color: #0065FF !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 18px !important;
}

.person-form-card[data-active-panel="zaman"] {
  border-color: transparent !important;
}

.person-form-card[data-active-panel="zaman"] .person-form-card__header {
  display: none;
}

.person-form-card[data-active-panel="zaman"] .person-form-card__body {
  padding-top: 0 !important;
}

.person-form-card__body {
  padding: 35px 38px 28px !important;
}

.person-form-card[data-active-panel="egitim"] .person-form-card__body {
  padding-top: 14px !important;
}

.person-form-card[data-active-panel="is"] .person-form-card__body {
  padding-top: 18px !important;
}

.person-form-card [data-panel="egitim"] > .grid {
  row-gap: 1.25rem !important;
}

.person-form-card [data-panel="egitim"] .person-education-level-field {
  grid-column: 1 / -1;
  width: 100%;
}

.person-form-card [data-panel="egitim"].is-basic-school .person-education-level-field {
  grid-column: auto;
}

.person-form-card [data-panel="egitim"].is-university-school .person-education-level-field {
  grid-column: auto;
}

.person-form-card [data-panel="kisisel"] > .grid {
  column-gap: 2rem !important;
}

.person-form-card [data-panel="kisisel"] > .grid > .space-y-5 > :not([hidden]) ~ :not([hidden]) {
  margin-top: 1.25rem !important;
}

.person-form-card [data-panel="kisisel"] .fld {
  min-height: var(--d360-input-height);
  padding-inline: 10px !important;
}

.person-form-card [data-panel="kisisel"] .fld legend {
  font-size: 16px !important;
  line-height: 1 !important;
}

.person-form-card [data-panel="kisisel"] .fld input,
.person-form-card [data-panel="kisisel"] .fld select {
  font-size: 14px !important;
  height: 32px;
  min-height: 32px;
}

.person-form-card [data-panel="kisisel"] .fld input::placeholder,
.person-form-card [data-panel="kisisel"] .fld select {
  font-size: 14px !important;
}

.person-consent-panel label,
.person-consent-panel span,
.person-consent-panel a {
  font-size: 14px !important;
  line-height: 20px !important;
}

.person-address-field {
  align-items: stretch !important;
  display: block !important;
  height: auto !important;
  min-height: 88px !important;
  padding: 8px 10px 10px !important;
}

.person-address-field textarea {
  display: block;
  height: 48px;
  min-height: 48px !important;
  overflow: auto;
  padding: 0 10px 10px 0 !important;
  resize: vertical;
}

.person-address-textarea {
  max-height: 360px;
  resize: vertical !important;
}

.person-form-card .person-type-field {
  align-items: stretch !important;
  display: block !important;
  min-height: 152px !important;
  padding: 0 15px 17px !important;
}

.person-form-card .person-type-field legend {
  color: #1A1A1A !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  line-height: 24px !important;
  padding: 0 4px !important;
}

.person-form-card #personTypesWrap {
  margin-top: 7px;
}

.person-form-card #personTypesWrap .person-types-options {
  column-gap: 34px !important;
  row-gap: 12px !important;
}

.person-form-card #personTypesWrap label {
  align-items: center !important;
  font-size: 20px !important;
  gap: 10px !important;
  line-height: 24px !important;
  min-height: 28px;
  white-space: nowrap;
}

.person-form-card #personTypesWrap input {
  accent-color: #0065FF;
  appearance: auto;
  flex: 0 0 14px;
  height: 14px !important;
  min-height: 14px !important;
  width: 14px !important;
}

.person-consent-panel {
  border-color: #AFAFAF !important;
  border-radius: 6px !important;
  margin-top: 10px !important;
  padding: 11px 39px !important;
}

.person-consent-panel > .grid {
  column-gap: 42px !important;
  row-gap: 10px !important;
}

.person-consent-panel label {
  font-size: 10px !important;
  gap: 8px !important;
  white-space: nowrap;
}

.person-consent-panel input[type="checkbox"] {
  accent-color: #0065FF;
  appearance: auto;
  flex: 0 0 14px;
  height: 14px !important;
  width: 14px !important;
}

.person-consent-dialog[hidden] {
  display: none;
}

.person-consent-dialog {
  align-items: center;
  display: flex;
  inset: 0;
  justify-content: center;
  padding: 20px;
  position: fixed;
  z-index: 300;
}

.person-consent-dialog__backdrop {
  background: rgba(17, 24, 39, 0.46);
  inset: 0;
  position: absolute;
}

.person-consent-dialog__panel {
  background: #FFFFFF;
  border: 1px solid #D9D9D9;
  border-radius: 8px;
  box-shadow: 0 16px 48px rgba(17, 24, 39, 0.2);
  display: flex;
  flex-direction: column;
  max-height: min(80vh, 720px);
  max-width: 640px;
  position: relative;
  width: min(100%, 640px);
}

.person-consent-dialog__header,
.person-consent-dialog__footer {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 16px 20px;
}

.person-consent-dialog__header {
  border-bottom: 1px solid #E5E5E5;
}

.person-consent-dialog__header h2 {
  color: #1F1F1F;
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}

.person-consent-dialog__close {
  align-items: center;
  background: transparent;
  border: 0;
  color: #6B7280;
  display: inline-flex;
  height: 32px;
  justify-content: center;
  width: 32px;
}

.person-consent-dialog__body {
  color: #333333;
  font-size: 14px;
  line-height: 1.6;
  overflow-y: auto;
  padding: 16px 20px;
}

.person-consent-dialog__body p {
  margin: 0 0 12px;
}

.person-consent-dialog__temporary-note {
  background: #FFF7E6;
  border-left: 3px solid #FF8B00;
  color: #7A4A00;
  padding: 10px 12px;
}

.person-consent-dialog__footer {
  border-top: 1px solid #E5E5E5;
  justify-content: flex-end;
}

.person-consent-dialog__ok {
  background: #0065FF;
  border: 1px solid #0065FF;
  border-radius: 6px;
  color: #FFFFFF;
  min-height: 38px;
  padding: 0 18px;
}

body.person-consent-dialog-open {
  overflow: hidden;
}

.person-work-fields__header {
  display: flex;
  justify-content: flex-start;
  margin: -14px 0 24px;
}

.person-work-fields__toggle {
  align-items: center;
  color: #808080 !important;
  display: inline-flex;
  font-size: 12px !important;
  font-weight: 400 !important;
  gap: 7px;
}

.person-work-fields__toggle input {
  accent-color: #0065FF;
  height: 14px;
  margin: 0;
  width: 14px;
}

@media (min-width: 1024px) {
  .person-form-layout {
    gap: 10px !important;
    grid-template-columns: 354px minmax(0, 1fr) !important;
  }

  .person-form-sidebar,
  .person-form-content {
    grid-column: auto !important;
    min-width: 0;
  }

  .person-general-card {
    width: 354px;
  }
}

@media (max-width: 1023px) {
  .person-general-card {
    min-height: auto;
    width: 100%;
  }

  .person-form-card [data-panel="kisisel"] > .grid {
    column-gap: 24px !important;
  }
}

@media (max-width: 767px) {
  .person-form-card__header {
    padding-inline: 20px !important;
  }

  .person-form-card__body {
    padding: 24px 20px !important;
  }

  .person-consent-panel {
    padding: 14px 16px !important;
  }

  .person-consent-panel label {
    white-space: normal;
  }
}

.crm-table-panel {
  background: #fff;
  border-radius: 8px;
}

.crm-page-toolbar {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  margin-bottom: 16px;
}

.audit-logs-intro {
  color: #475569;
  font-size: 14px;
  margin: 0;
}

.audit-log-toolbar-filter-button {
  background: #FFFFFF !important;
  border-color: var(--d360-bluebtn) !important;
  color: var(--d360-bluebtn) !important;
}

.audit-log-toolbar-filter-button:hover,
.audit-log-toolbar-filter-button:focus-visible,
.audit-log-toolbar-filter-button.is-active {
  background: #0065FF !important;
  border-color: #0065FF !important;
  color: #FFFFFF !important;
}

.audit-log-toolbar-filter-button:hover .material-symbols-rounded,
.audit-log-toolbar-filter-button:focus-visible .material-symbols-rounded,
.audit-log-toolbar-filter-button.is-active .material-symbols-rounded {
  color: #FFFFFF !important;
}

.ui-card {
  background: #fff;
  border: 1px solid var(--d360-black-300);
  border-radius: 8px;
}

.auth-forgot-sent {
  display: block;
}

.auth-forgot-sent.hidden {
  display: none !important;
}

.auth-forgot-sent__content h2 {
  color: #0065FF;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  margin: 0 0 38px;
}

.auth-forgot-sent__icon {
  color: #0065FF;
  display: block;
  font-size: 32px;
  font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 32;
  height: 34px;
  line-height: 34px;
  margin: 0 0 14px;
}

.auth-forgot-sent__content p {
  color: #1A1A1A;
  font-size: 14px;
  line-height: 20px;
  margin: 0;
}

.dashboard-reference-card {
  background: #fff;
  border: 1px solid #c7c7c7;
  border-radius: 6px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .28);
  min-height: 224px;
  padding: 17px 17px 15px;
}

.dashboard-reference-card--people {
  padding-bottom: 14px;
}

.dashboard-reference-title {
  color: #666;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.25;
  margin: 0;
}

.dashboard-reference-body {
  align-items: center;
  display: flex;
  gap: 20px;
  min-height: 160px;
  padding-top: 18px;
}

.dashboard-reference-chart {
  flex: 0 0 170px;
  height: 120px;
  position: relative;
  width: 170px;
}

.dashboard-reference-legend {
  color: #2f2f2f;
  display: grid;
  flex: 1;
  font-size: 14px;
  gap: 7px;
  line-height: 1.35;
  min-width: 0;
}

.dashboard-reference-legend--wide {
  font-size: 13px;
}

.dashboard-reference-legend-item {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  white-space: nowrap;
}

.dashboard-reference-legend-label {
  align-items: center;
  display: inline-flex;
  gap: 4px;
  min-width: 0;
}

.dashboard-reference-legend-value {
  color: #2f2f2f;
  flex: 0 0 auto;
  font-size: 14px;
  font-weight: 600;
}

.dashboard-reference-dot {
  border-radius: 999px;
  display: inline-block;
  height: 7px;
  width: 7px;
}

.dashboard-reference-dot--green {
  background: #009963;
}

.dashboard-reference-dot--red {
  background: #ff2b00;
}

.dashboard-reference-dot--orange {
  background: #ff9000;
}

.dashboard-reference-dot--dark {
  background: #333;
}

.dashboard-recent-list {
  display: grid;
  padding: 20px 5px 0 0;
}

.dashboard-recent-item {
  align-items: center;
  border-bottom: 1px solid #e7e7e7;
  display: flex;
  gap: 9px;
  min-height: 48px;
  text-decoration: none;
}

.dashboard-recent-item[href]:hover .dashboard-recent-name {
  color: #0052CC;
}

.dashboard-recent-item:last-child {
  border-bottom: 0;
}

.dashboard-recent-avatar {
  align-items: center;
  background: #e5e7eb;
  border-radius: 999px;
  color: #6b7280;
  display: inline-flex;
  flex: 0 0 24px;
  height: 24px;
  justify-content: center;
  overflow: hidden;
  width: 24px;
}

.dashboard-recent-avatar img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.dashboard-recent-avatar--empty .material-symbols-rounded {
  font-size: 18px;
  line-height: 1;
}

.dashboard-recent-name {
  color: #2f2f2f;
  font-size: 14px;
  line-height: 1.2;
}

@media (max-width: 767px) {
  .dashboard-reference-body {
    justify-content: flex-start;
  }
}

.ui-field {
  display: grid;
  gap: 6px;
}

.ui-label {
  color: var(--d360-black-900);
  font-size: 14px;
  font-weight: 600;
}

.ui-field-control,
.ui-floating-control {
  background: #fff;
  border: 1px solid var(--d360-black-400);
  border-radius: 8px;
  color: var(--d360-black-900);
  font: inherit;
  min-height: var(--d360-input-height);
  padding: 7px 12px;
  width: 100%;
}

.ui-field-control:focus,
.ui-floating-control:focus {
  border-color: var(--d360-black-400);
  box-shadow: none;
  outline: none;
}

.ui-floating-fieldset {
  background: #fff;
  border: 1px solid var(--d360-black-400);
  border-radius: 8px;
  min-height: var(--d360-input-height);
  padding: 0 10px 7px;
}

.ui-floating-fieldset legend {
  color: var(--d360-black-900);
  font-size: 14px;
  font-weight: 700;
  padding: 0 4px;
}

.ui-floating-fieldset .ui-floating-control {
  border: 0;
  min-height: 40px;
  padding: 0;
}

.ui-select-field {
  position: relative;
}

.ui-select-field select.ui-floating-control,
.ui-select-field select.ui-field-control {
  appearance: none;
  -webkit-appearance: none;
  background-image: none;
  padding-right: 36px;
}

.ui-select-field select.ui-floating-control::-ms-expand,
.ui-select-field select.ui-field-control::-ms-expand {
  display: none;
}

.ui-select-chevron {
  color: #8a8a8a;
  font-size: 12px;
  pointer-events: none;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}

.ui-btn {
  align-items: center;
  background: #fff;
  border: 1px solid var(--d360-black-300);
  border-radius: 8px;
  color: var(--d360-black-900);
  display: inline-flex;
  font-size: 14px;
  font-weight: 600;
  gap: 8px;
  justify-content: center;
  min-height: 40px;
  padding: 0 16px;
}

.ui-btn-primary,
.audit-log-apply-filter-button {
  background: var(--d360-blue-700);
  border-color: var(--d360-blue-700);
  color: #fff;
}

.ui-btn-danger {
  background: #fff;
  border-color: var(--d360-red-300);
  color: var(--d360-red-300);
}

.ui-btn-outline-primary {
  background: #fff;
  border-color: var(--d360-blue-700);
  color: var(--d360-blue-700);
}

.ui-btn-ghost {
  background: transparent;
  color: var(--d360-black-700);
}

.ui-btn-ghost:hover {
  background: var(--d360-black-100);
}

.ui-btn.ui-btn-export {
  background: #EFFDFF;
  border-color: #4069E5;
  border-radius: 8px;
  color: #4069E5;
  gap: 10px;
  min-height: 38px;
  padding: 8px 14px;
}

.ui-btn.ui-btn-export:hover,
.ui-btn.ui-btn-export:focus-visible {
  background: #4069E5;
  border-color: #4069E5;
  color: #fff;
}

.ui-btn.ui-btn-export .material-symbols-rounded {
  color: inherit;
  font-size: 18px;
  line-height: 1;
}

.message-action-btn {
  min-height: 40px;
  padding: 0 12px;
}

.message-action-btn .material-symbols-rounded {
  color: inherit;
  font-size: 18px;
  line-height: 1;
}

.message-action-btn--mail {
  background: var(--d360-purplelight);
  border-color: var(--d360-purplebtn);
  color: var(--d360-purplebtn);
}

.message-action-btn--mail:hover,
.message-action-btn--mail:focus-visible {
  background: var(--d360-purplebtn);
  border-color: var(--d360-purplebtn);
  color: var(--d360-white);
}

.message-action-btn--sms {
  background: var(--d360-orangelt);
  border-color: var(--d360-orange);
  color: var(--d360-orange);
}

.message-action-btn--sms:hover,
.message-action-btn--sms:focus-visible {
  background: var(--d360-orange);
  border-color: var(--d360-orange);
  color: var(--d360-white);
}

.persons-status-action {
  align-items: center;
  background: #fff;
  border: 1.5px solid currentColor;
  border-radius: 8px;
  display: inline-flex;
  font-size: 16px;
  font-weight: 500;
  gap: 10px;
  height: 40px;
  min-height: 40px;
  justify-content: center;
  min-width: 132px;
  padding: 0 14px;
  transition: background-color .15s ease, border-color .15s ease, color .15s ease, opacity .15s ease;
}

.persons-status-action .material-symbols-rounded {
  color: inherit;
  font-size: 24px;
  line-height: 1;
}

.persons-status-action--active {
  background: #E3FCEF;
  color: #00875A;
}

.persons-status-action--active:hover:not(:disabled),
.persons-status-action--active:focus-visible:not(:disabled) {
  background: #00875A;
  border-color: #00875A;
  color: #fff;
}

.persons-status-action--passive {
  background: #FFEBE6;
  color: #F03000;
}

.persons-status-action--passive:hover:not(:disabled),
.persons-status-action--passive:focus-visible:not(:disabled) {
  background: #F03000;
  border-color: #F03000;
  color: #fff;
}

.persons-status-action:disabled {
  cursor: not-allowed;
  opacity: .45;
}

.person-status-toggle {
  align-items: center;
  display: inline-flex;
  height: 20px;
  justify-content: center;
  width: 34px;
}

.person-status-toggle__input {
  opacity: 0;
  pointer-events: none;
  position: absolute;
}

.person-status-toggle__track {
  align-items: center;
  background: #D9D9D9;
  border-radius: 9999px;
  display: inline-flex;
  height: 14px;
  padding: 1px;
  transition: background-color .15s ease;
  width: 28px;
}

.person-status-toggle__knob {
  background: #fff;
  border-radius: 9999px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .16);
  display: block;
  height: 12px;
  transform: translateX(0);
  transition: transform .15s ease;
  width: 12px;
}

.person-status-toggle__input:checked + .person-status-toggle__track {
  background: #36D986;
}

.person-status-toggle__input:checked + .person-status-toggle__track .person-status-toggle__knob {
  transform: translateX(14px);
}

.person-status-toggle__input:disabled + .person-status-toggle__track {
  opacity: .55;
}

.d360-table-search > .material-symbols-rounded[role="button"] {
  align-items: center;
  border-radius: 8px;
  box-sizing: border-box;
  display: inline-flex;
  flex: 0 0 auto;
  height: 40px;
  justify-content: center;
  min-height: 40px;
  transition: background-color .15s ease;
  width: 40px;
}

.d360-table-search > .material-symbols-rounded[role="button"]:hover,
.d360-table-search > .material-symbols-rounded[role="button"][aria-expanded="true"] {
  background: #0065FF !important;
  color: #fff !important;
}

.d360-page-size {
  align-items: center;
  background: #FFFFFF;
  border: 1px solid var(--d360-black-400);
  border-radius: 8px;
  box-sizing: border-box;
  column-gap: 4px;
  display: inline-grid;
  flex: 0 0 auto;
  grid-template-columns: minmax(0, 1fr) 20px;
  height: 40px;
  min-width: 72px !important;
  padding: 0 8px 0 10px;
  position: relative;
  width: 72px !important;
}

.d360-page-size-value {
  color: var(--d360-black-700);
  font-size: 14px;
  line-height: 1;
  overflow: visible;
  white-space: nowrap;
}

.d360-page-size-select {
  appearance: none !important;
  -webkit-appearance: none !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  cursor: pointer;
  height: 100% !important;
  inset: 0;
  opacity: 0;
  padding: 0 !important;
  position: absolute;
  width: 100% !important;
  z-index: 2;
}

.d360-page-size > .material-symbols-rounded {
  color: var(--d360-black-600);
  font-size: 20px;
  justify-self: end;
  line-height: 1;
  pointer-events: none;
  position: static;
  transform: none;
}

.ui-dropdown {
  position: relative;
}

.ui-dropdown-menu {
  background: #fff;
  border: 1px solid var(--d360-black-200);
  border-radius: 8px;
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.14);
  display: none;
  gap: 4px;
  min-width: 192px;
  padding: 8px;
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  z-index: 50;
}

.ui-dropdown-menu:not(.hidden) {
  display: grid;
}

.ui-export-menu-item {
  align-items: center;
  display: grid;
  grid-template-columns: 20px 1fr;
  gap: 10px;
  justify-content: start;
  min-height: 36px;
  padding: 7px 10px;
  text-align: left;
  width: 100%;
}

.ui-export-menu-icon {
  display: block;
  height: 18px;
  object-fit: contain;
  width: 18px;
}

.ui-badge {
  border-radius: 999px;
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  padding: 6px 10px;
  white-space: nowrap;
}

.ui-badge-green {
  background: var(--d360-green-0);
  color: var(--d360-green-400);
}

.ui-badge-red {
  background: var(--d360-red-100);
  color: var(--d360-red-300);
}

.ui-badge-yellow {
  background: var(--d360-yellow-0);
  color: var(--d360-yellow-400);
}

.audit-log-filter-panel {
  background: #fff;
  border: 1px solid var(--d360-black-300);
  border-radius: 8px;
  display: none;
  margin-bottom: 16px;
  padding: 18px 12px 14px;
}

.audit-log-filter-panel.is-open {
  display: block;
}

.audit-log-filter-grid {
  align-items: end;
  display: grid;
  gap: 16px 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.audit-log-filter-actions {
  align-items: center;
  display: flex;
  gap: 8px;
  grid-column: 2 / 4;
  justify-content: flex-end;
}

.audit-logs-panel .audit-log-detail-button {
  min-height: 32px;
  padding: 0 14px;
}

.crm-table-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: space-between;
}

.crm-table-actions-left,
.crm-table-actions-right {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.crm-table-actions-left select[data-d360-length] {
  appearance: none !important;
  -webkit-appearance: none !important;
  background-image: none !important;
  max-width: 72px !important;
  min-width: 72px !important;
  width: 72px !important;
}

.crm-table-actions-left .d360-length-select {
  max-width: 72px !important;
  min-width: 72px !important;
  width: 72px !important;
}

.crm-table-actions .crm-table-tool-btn,
.crm-table-actions [data-d360-bulk-delete],
.crm-table-actions [data-d360-columns-button],
.crm-table-actions [data-d360-refresh],
.crm-table-actions [data-d360-search-focus] {
  border-radius: 8px;
  border-width: 1px;
  height: 40px;
  min-height: 40px;
  padding: 0;
  width: 40px;
}

.crm-table-actions .crm-table-tool-btn .material-symbols-rounded,
.crm-table-actions [data-d360-bulk-delete] .material-symbols-rounded,
.crm-table-actions [data-d360-columns-button] .material-symbols-rounded,
.crm-table-actions [data-d360-refresh] .material-symbols-rounded,
.crm-table-actions [data-d360-search-focus] .material-symbols-rounded {
  color: inherit;
  font-size: 20px;
}

.crm-table-actions .crm-table-tool-delete,
.crm-table-actions [data-d360-bulk-delete] {
  background: #FFF1EB;
  border-color: #FF2D0D;
  color: #FF2D0D;
}

.crm-table-actions .crm-table-tool-delete:hover,
.crm-table-actions .crm-table-tool-delete:focus-visible,
.crm-table-actions [data-d360-bulk-delete]:hover,
.crm-table-actions [data-d360-bulk-delete]:focus-visible {
  background: #FF2D0D;
  border-color: #FF2D0D;
  color: #fff;
}

.crm-table-actions .audit-log-bulk-delete-button {
  gap: 6px;
  padding: 0 12px;
  width: auto;
}

.crm-table-actions .audit-log-bulk-delete-button span:not(.material-symbols-rounded) {
  font-size: 14px;
  line-height: 1;
  white-space: nowrap;
}

.crm-table-actions .crm-table-tool-columns,
.crm-table-actions .crm-table-tool-search,
.crm-table-actions [data-d360-columns-button],
.crm-table-actions [data-d360-search-focus] {
  background: #EEF6FF;
  border-color: #2563D9;
  color: #2563D9;
}

.crm-table-actions .crm-table-tool-columns:hover,
.crm-table-actions .crm-table-tool-columns:focus-visible,
.crm-table-actions .crm-table-tool-search:hover,
.crm-table-actions .crm-table-tool-search:focus-visible,
.crm-table-actions [data-d360-search-focus]:hover,
.crm-table-actions [data-d360-search-focus]:focus-visible {
  background: #0065FF;
  border-color: #0065FF;
  color: #fff;
}

.crm-table-actions [data-d360-columns-button]:hover,
.crm-table-actions [data-d360-columns-button]:focus-visible {
  background: #DBEAFE;
  border-color: #0065FF;
  color: #0065FF;
}

.crm-table-actions .crm-table-tool-search[aria-expanded="true"],
.crm-table-actions [data-d360-search-focus][aria-expanded="true"] {
  background: #0065FF;
  border-color: #0065FF;
  color: #fff;
}

.crm-table-actions .crm-table-tool-search:hover .material-symbols-rounded,
.crm-table-actions .crm-table-tool-search:focus-visible .material-symbols-rounded,
.crm-table-actions .crm-table-tool-search[aria-expanded="true"] .material-symbols-rounded,
.crm-table-actions [data-d360-search-focus]:hover .material-symbols-rounded,
.crm-table-actions [data-d360-search-focus]:focus-visible .material-symbols-rounded,
.crm-table-actions [data-d360-search-focus][aria-expanded="true"] .material-symbols-rounded {
  color: #FFFFFF !important;
}

.crm-table-actions .crm-table-tool-refresh,
.crm-table-actions [data-d360-refresh] {
  background: #DDF8EA;
  border-color: #009A63;
  color: #009A63;
}

.crm-table-actions .crm-table-tool-refresh:hover,
.crm-table-actions .crm-table-tool-refresh:focus-visible,
.crm-table-actions [data-d360-refresh]:hover,
.crm-table-actions [data-d360-refresh]:focus-visible {
  background: #00875A;
  border-color: #00875A;
  color: #fff;
}

.crm-input-with-icon {
  position: relative;
}

.crm-table-search-field {
  display: none;
}

.crm-table-search-field.is-open {
  display: block;
}

.crm-input-with-icon .material-symbols-rounded {
  color: var(--d360-black-400);
  pointer-events: none;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}

.relative:has(input[type="search"]):hover > .material-symbols-rounded:last-child,
.relative:has(input[type="search"]):focus-within > .material-symbols-rounded:last-child,
.relative:has(input[placeholder*="Ara"]):hover > .material-symbols-rounded:last-child,
.relative:has(input[placeholder*="Ara"]):focus-within > .material-symbols-rounded:last-child,
.relative:has(input[data-d360-table-search-input]):hover > .material-symbols-rounded:last-child,
.relative:has(input[data-d360-table-search-input]):focus-within > .material-symbols-rounded:last-child,
.crm-input-with-icon:hover .material-symbols-rounded,
.crm-input-with-icon:focus-within .material-symbols-rounded,
.d360-recipient-dialog__search:hover .material-symbols-rounded,
.d360-recipient-dialog__search:focus-within .material-symbols-rounded,
.person-timeline-search:hover .material-symbols-rounded,
.person-timeline-search:focus-within .material-symbols-rounded {
  align-items: center;
  background: #0065FF !important;
  border-radius: 6px;
  color: #FFFFFF !important;
  display: inline-flex;
  height: 28px;
  justify-content: center;
  width: 28px;
}

.d360-table-search:hover > .material-symbols-rounded,
.d360-table-search:focus-within > .material-symbols-rounded {
  background: #0065FF !important;
  color: #FFFFFF !important;
}

.relative:has(input[type="search"]):hover > .material-symbols-rounded:last-child,
.relative:has(input[type="search"]):focus-within > .material-symbols-rounded:last-child,
.relative:has(input[placeholder*="Ara"]):hover > .material-symbols-rounded:last-child,
.relative:has(input[placeholder*="Ara"]):focus-within > .material-symbols-rounded:last-child,
.relative:has(input[data-d360-table-search-input]):hover > .material-symbols-rounded:last-child,
.relative:has(input[data-d360-table-search-input]):focus-within > .material-symbols-rounded:last-child {
  right: 6px;
}

.crm-input-with-icon .ui-field-control {
  padding-right: 36px;
}

.crm-data-table {
  border-collapse: separate;
  border-spacing: 0;
  min-width: 950px;
  width: 100%;
}

.crm-data-table th {
  background: var(--d360-black-100);
  color: var(--d360-blue-700);
  font-size: 12px;
  font-weight: 600;
  padding: 14px 12px;
  text-align: left;
}

.crm-data-table th:first-child {
  border-radius: 8px 0 0 0;
}

.crm-data-table th:last-child {
  border-radius: 0 8px 0 0;
}

.crm-data-table td {
  border-bottom: 1px dashed var(--d360-black-300);
  color: var(--d360-black-800);
  font-size: 12px;
  padding: 12px;
}

table.dataTable.crm-data-table > thead > tr > th,
table.dataTable.crm-data-table > tbody > tr > td {
  border-bottom: 1px dashed var(--d360-black-300);
}

table.dataTable.crm-data-table > thead > tr > th {
  border-bottom: 0;
}

table.dataTable.crm-data-table .dt-column-order,
table.dataTable.crm-data-table span.dt-column-order {
  display: none;
}

.audit-log-cleanup-modal,
.audit-log-detail-modal {
  max-width: 640px;
  width: min(100%, 640px);
}

.audit-log-cleanup-modal.audit-log-modal--cleanup {
  border-color: transparent;
  border-radius: 8px;
  box-shadow: none;
  max-width: 535px;
  width: min(calc(100vw - 32px), 535px);
}

.audit-log-cleanup-modal .ui-modal-header,
.audit-log-detail-modal .ui-modal-header {
  padding: 14px 16px;
}

.audit-log-cleanup-modal.audit-log-modal--cleanup .ui-modal-header {
  border-bottom: 1px solid #D9D9D9;
  min-height: 52px;
  padding: 0 18px;
}

.audit-log-cleanup-modal .ui-modal-header h2,
.audit-log-detail-modal .ui-modal-header h2 {
  color: var(--d360-black-900);
  font-size: 14px;
  font-weight: 700;
}

.audit-log-cleanup-modal.audit-log-modal--cleanup .ui-modal-header h2 {
  color: #F03000;
}

.audit-log-modal-close {
  background: transparent;
  border: 0;
  color: #AFAFAF;
  height: 24px;
  width: 24px;
}

.audit-log-modal-close .material-symbols-rounded {
  font-size: 18px;
}

.audit-log-cleanup-modal .ui-modal-body,
.audit-log-detail-modal .ui-modal-body {
  padding: 16px;
}

.audit-log-cleanup-modal.audit-log-modal--cleanup .ui-modal-body {
  padding: 24px 18px 18px;
}

.audit-log-cleanup-modal .ui-modal-footer,
.audit-log-detail-modal .ui-modal-footer {
  border-top: 0;
  padding: 16px;
}

.audit-log-detail-modal .ui-modal-footer {
  justify-content: center !important;
  width: 100%;
}

.audit-log-cleanup-modal.audit-log-modal--cleanup .ui-modal-footer {
  gap: 34px;
  justify-content: center;
  padding: 12px 18px 28px;
}

.audit-log-cleanup-modal-form {
  display: grid;
  gap: 16px;
}

.audit-log-cleanup-field {
  background: #FFFFFF;
  border: 1px solid #AFAFAF;
  border-radius: 8px;
  margin: 0;
  min-height: 48px;
  padding: 5px 10px 6px;
}

.audit-log-cleanup-field legend {
  color: #1F1F1F;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  padding: 0 4px;
}

.audit-log-cleanup-field .ui-field-control {
  border: 0;
  box-shadow: none;
  font-size: 12px;
  height: 28px;
  min-height: 28px !important;
  outline: 0;
  padding: 0;
  width: 100%;
}

.audit-log-modal-cancel,
.audit-log-modal-confirm {
  align-items: center;
  border-radius: 8px;
  display: inline-flex;
  font-size: 12px;
  font-weight: 500;
  height: 40px;
  justify-content: center;
  min-width: 108px;
}

.audit-log-modal-cancel {
  background: #FFFFFF;
  border: 1px solid #AFAFAF;
  color: #AFAFAF;
}

.audit-log-detail-modal .audit-log-modal-cancel {
  background: #0052CC !important;
  border-color: #0052CC !important;
  color: #FFFFFF !important;
  margin-left: auto;
  margin-right: auto;
}

.audit-log-modal-confirm {
  background: #F03000;
  border: 1px solid #F03000;
  color: #FFFFFF;
}

.audit-log-modal-confirm:hover,
.audit-log-modal-confirm:focus-visible {
  background: #D92D20;
  border-color: #D92D20;
}

.audit-log-detail-summary,
.audit-log-detail-description {
  color: var(--d360-black-700);
  font-size: 12px;
  margin: 0;
}

.audit-log-detail-description {
  margin-top: 6px;
}

.audit-log-change-table-wrap {
  margin-top: 16px;
  max-height: 288px;
  overflow: auto;
}

.audit-log-change-table {
  border-collapse: collapse;
  font-size: 12px;
  table-layout: fixed;
  width: 100%;
}

.audit-log-change-table th,
.audit-log-change-table td {
  border-bottom: 1px solid var(--d360-black-200);
  overflow-wrap: anywhere;
  padding: 10px 8px;
  text-align: left;
  vertical-align: top;
}

.audit-log-change-table th {
  background: var(--d360-black-100);
  color: var(--d360-blue-700);
  font-weight: 700;
}

.audit-log-change-empty {
  color: var(--d360-black-600);
  text-align: center !important;
}

.open-users-status-select {
  position: relative;
}

.open-users-status-select .ui-field-control {
  appearance: none;
  padding-right: 44px;
}

.open-users-status-select .material-symbols-rounded {
  color: var(--d360-black-500);
  font-size: 20px;
  pointer-events: none;
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
}

.open-users-page {
  padding-top: 24px !important;
}

.open-users-page > .flex:first-child {
  min-height: 34px;
}

.open-users-page > .flex:first-child p {
  color: #333333;
  font-size: 14px;
}

.open-users-filter-panel {
  border-color: #E2E2E2;
  box-shadow: none;
  padding: 16px 18px;
}

.open-users-filter-panel form {
  align-items: center;
}

.open-users-status-field {
  flex: 0 0 210px;
  min-height: 42px;
  padding: 0 12px 6px;
}

.open-users-status-field legend {
  font-size: 14px;
  line-height: 16px;
}

.open-users-status-field .ui-floating-control {
  appearance: none;
  -webkit-appearance: none;
  background-image: none;
  font-size: 12px;
  min-height: 26px;
  padding-right: 28px;
}

.open-users-filter-panel .ui-btn {
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
  min-height: 40px;
  padding: 0 16px;
}

.open-users-filter-panel .ui-btn-danger {
  background: #fff;
  border-color: #FF2D0D;
  color: #FF2D0D;
}

.open-users-page .crm-table-panel {
  padding-top: 0;
}

.open-users-page .crm-table-actions {
  margin-bottom: 12px !important;
}

.open-users-page .crm-table-actions .open-users-toolbar-close-session {
  background: #fff;
  border-color: #FF2D0D;
  border-radius: 8px;
  color: #FF2D0D !important;
  font-size: 12px;
  font-weight: 500;
  height: 40px;
  min-height: 40px;
  padding: 0 16px;
  width: auto;
}

.open-users-page .crm-table-actions .open-users-toolbar-close-session:hover,
.open-users-page .crm-table-actions .open-users-toolbar-close-session:focus-visible {
  background: #FFF1EB;
  border-color: #FF2D0D;
  color: #FF2D0D !important;
}

.open-users-page .crm-table-actions .open-users-toolbar-close-session:disabled {
  background: #fff !important;
  border-color: #FF2D0D !important;
  color: #FF2D0D !important;
  opacity: 1 !important;
}

.open-users-page .crm-table-search-field .ui-field-control {
  width: 220px;
}

.open-users-page .crm-data-table th,
.open-users-page .crm-data-table td {
  font-size: 12px;
}

.open-users-page .crm-data-table {
  min-width: 0;
  table-layout: fixed;
}

.open-users-page .crm-data-table th {
  height: 42px;
  padding: 9px 6px;
}

.open-users-page .crm-data-table td {
  overflow: hidden;
  padding: 8px 6px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.open-users-page .crm-data-table th:nth-child(1),
.open-users-page .crm-data-table td:nth-child(1) {
  width: 36px !important;
}

.open-users-page .crm-data-table th:nth-child(2),
.open-users-page .crm-data-table td:nth-child(2) {
  width: 46px !important;
}

.open-users-page .crm-data-table th:nth-child(5),
.open-users-page .crm-data-table td:nth-child(5),
.open-users-page .crm-data-table th:nth-child(6),
.open-users-page .crm-data-table td:nth-child(6) {
  width: 104px !important;
}

.open-users-page .crm-data-table th:nth-child(3),
.open-users-page .crm-data-table td:nth-child(3) {
  width: 120px !important;
}

.open-users-page .crm-data-table th:nth-child(4),
.open-users-page .crm-data-table td:nth-child(4) {
  width: 138px !important;
}

.open-users-page .crm-data-table th:nth-child(7),
.open-users-page .crm-data-table td:nth-child(7),
.open-users-page .crm-data-table th:nth-child(8),
.open-users-page .crm-data-table td:nth-child(8) {
  width: 132px !important;
}

.open-users-page .crm-data-table th:nth-child(9),
.open-users-page .crm-data-table td:nth-child(9) {
  width: 118px !important;
}

.open-users-close-session {
  background: #fff !important;
  border-color: var(--d360-red-300) !important;
  color: var(--d360-red-300) !important;
  min-height: 32px;
  font-size: 12px;
  font-weight: 500;
  padding: 0 10px;
}

.open-users-close-session:hover {
  background: #fff3f0 !important;
}

.open-users-session-modal {
  border-radius: 14px;
  max-width: 640px;
  min-height: 400px;
  overflow: visible;
  position: relative;
  width: min(100%, 640px);
}

.open-users-session-modal .ui-modal-header {
  border-bottom: 0;
  padding: 0;
}

.open-users-session-modal .ui-modal-header h2 {
  display: none;
}

.open-users-session-modal .ui-modal-header [data-modal-close] {
  align-items: center;
  background: #fff;
  border: 1px solid var(--d360-black-400);
  border-radius: 50%;
  color: var(--d360-black-500);
  display: inline-flex;
  height: 28px;
  justify-content: center;
  padding: 0;
  position: absolute;
  right: 24px;
  top: 24px;
  width: 28px;
}

.open-users-session-modal .ui-modal-body {
  padding: 80px 64px 0;
}

.open-users-session-modal-content {
  align-items: center;
  display: flex;
  flex-direction: column;
  text-align: center;
}

.open-users-session-modal-icon {
  align-items: center;
  background: #dbe8ff;
  border-radius: 50%;
  color: var(--d360-blue-700);
  display: flex;
  height: 96px;
  justify-content: center;
  width: 96px;
}

.open-users-session-modal-icon .material-symbols-rounded {
  font-size: 48px;
}

.open-users-session-modal-content h3 {
  color: var(--d360-blue-700);
  font-size: 22px;
  font-weight: 700;
  margin: 16px 0 0;
}

.open-users-session-modal-content p {
  color: var(--d360-black-800);
  font-size: 18px;
  line-height: 1.5;
  margin: 8px 0 0;
  max-width: 432px;
}

.open-users-session-modal .ui-modal-footer {
  border-top: 0;
  gap: 40px;
  justify-content: center;
  padding: 28px 64px 56px;
}

.account-form-field {
  height: var(--d360-input-height);
  min-height: var(--d360-input-height);
}

.account-form-field .ui-floating-control {
  font-size: 14px;
  height: 100%;
  min-height: 32px;
  padding: 0 12px;
}

.account-form-field legend {
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  white-space: nowrap;
}

.account-form-field .ui-floating-control:disabled {
  background: var(--d360-black-100);
  cursor: not-allowed;
}

#btnProfileSave,
#btnPwSave {
  background: #0065FF !important;
  color: #FFFFFF !important;
}

#btnProfileSave:hover,
#btnProfileSave:focus-visible,
#btnPwSave:hover,
#btnPwSave:focus-visible {
  background: #0052CC !important;
}

#contractForm,
#contractForm label,
#contractForm label > span,
#contractTitle,
#contractContent,
#contractQuillEditor,
#contractQuillEditor .ql-editor {
  color: #1A1A1A !important;
}

.contracts-content-preview {
  display: block;
  max-width: min(720px, 44vw);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.settings-user-dialog {
  max-width: 920px;
}

.settings-user-dialog__inner {
  padding: 24px 40px 32px;
}

.settings-user-dialog__title {
  color: var(--d360-blue-700);
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  margin: 0 0 28px;
}

.settings-user-dialog__close {
  border: 0;
  color: var(--d360-black-600);
  height: 24px;
  width: 24px;
}

.settings-user-dialog__close .material-symbols-rounded {
  font-size: 18px;
  line-height: 1;
}

.settings-user-dialog__form {
  margin: 0;
}

.settings-user-dialog__grid {
  display: grid;
  gap: 16px 84px;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.settings-user-dialog__field {
  height: var(--d360-input-height);
  min-height: var(--d360-input-height);
  min-width: 0;
}

.settings-user-dialog__field--full {
  grid-column: 1 / -1;
}

.settings-user-dialog__field .ui-floating-control {
  font-size: 13px;
  height: 100%;
  min-height: 32px;
  padding: 0 12px;
}

.settings-user-dialog__field legend {
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
  max-width: calc(100% - 20px);
  white-space: nowrap;
}

.d360-phone-field,
.settings-user-phone {
  align-items: center;
  display: flex;
  height: 100%;
  min-height: 40px;
  min-width: 0;
  position: relative;
}

.d360-phone-field__country {
  align-items: center;
  align-self: stretch;
  background: transparent;
  border: 0;
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 4px;
  min-width: 76px;
  padding: 0 4px 0 10px;
}

.d360-phone-field__country:focus-visible {
  outline: 2px solid var(--d360-blue-700);
  outline-offset: -2px;
}

.d360-phone-field__flag,
.settings-user-phone__flag {
  align-items: center;
  background: #E11919;
  border-radius: 2px;
  color: #FFFFFF;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 9px;
  font-weight: 700;
  height: 14px;
  justify-content: center;
  line-height: 1;
  text-transform: uppercase;
  width: 20px;
}

.d360-phone-field__chevron,
.settings-user-phone__chevron {
  color: var(--d360-black-500);
  flex: 0 0 auto;
  font-size: 16px;
  line-height: 1;
}

.d360-phone-field__code,
.settings-user-phone__code {
  color: var(--d360-black-500);
  flex: 0 0 auto;
  font-size: 12px;
  margin-left: 4px;
  white-space: nowrap;
}

.d360-phone-field__input,
.settings-user-phone__input {
  border: 0;
  color: var(--d360-black-900);
  flex: 1 1 auto;
  font-size: 13px;
  height: 100%;
  min-width: 0;
  outline: 0;
  padding: 0 10px;
}

.d360-phone-field__menu {
  background: #FFFFFF;
  border: 1px solid #D9D9D9;
  border-radius: 8px;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12);
  display: none;
  left: 0;
  max-height: 220px;
  min-width: 260px;
  overflow: auto;
  padding: 6px;
  position: absolute;
  top: calc(100% + 6px);
  z-index: 80;
}

.d360-phone-field.is-open .d360-phone-field__menu {
  display: grid;
}

.d360-phone-field__option {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 6px;
  color: var(--d360-black-900);
  cursor: pointer;
  display: grid;
  font-size: 13px;
  gap: 8px;
  grid-template-columns: 20px 1fr auto;
  min-height: 34px;
  padding: 6px 8px;
  text-align: left;
  width: 100%;
}

.d360-phone-field__option:hover,
.d360-phone-field__option:focus-visible,
.d360-phone-field__option[aria-selected="true"] {
  background: #F2F7FF;
  outline: 0;
}

.d360-phone-field__option-code {
  color: var(--d360-black-500);
  font-size: 12px;
}

.settings-user-password-field {
  position: relative;
}

.settings-user-password-field .ui-floating-control {
  padding-right: 40px;
}

.settings-user-password-toggle {
  align-items: center;
  background: transparent;
  border: 0;
  color: var(--d360-black-400);
  display: inline-flex;
  height: 28px;
  justify-content: center;
  padding: 0;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 28px;
}

.settings-user-password-toggle .material-symbols-rounded {
  font-size: 18px;
  line-height: 1;
}

.settings-user-generate-password {
  align-items: center;
  background: var(--d360-blue-700);
  border: 1px solid var(--d360-blue-700);
  border-radius: 8px;
  color: #FFFFFF;
  display: flex;
  font-size: 12px;
  font-weight: 500;
  height: 44px;
  justify-content: center;
  margin-top: 20px;
  width: 100%;
}

.settings-user-dialog__actions {
  align-items: center;
  display: flex;
  gap: 28px;
  justify-content: center;
  margin-top: 54px;
}

.settings-user-dialog__cancel {
  color: var(--d360-red-300);
  font-size: 12px;
  font-weight: 500;
}

.settings-user-dialog__save {
  background: #0065FF;
  border: 1px solid #0065FF;
  border-radius: 8px;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 500;
  height: 36px;
  min-width: 72px;
  padding: 0 16px;
}

@media (max-width: 760px) {
  .settings-user-dialog__inner {
    padding: 22px 18px 28px;
  }

  .settings-user-dialog__grid {
    gap: 16px;
    grid-template-columns: 1fr;
  }

  .settings-user-dialog__field--full {
    grid-column: auto;
  }
}

.settings-role-dialog {
  max-width: 760px;
}

.settings-role-dialog__inner {
  padding: 24px 8px 32px;
}

.settings-role-dialog__title {
  color: var(--d360-blue-700);
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  margin: 0 0 24px;
  padding: 0 0 0 0;
}

.settings-role-dialog__close {
  border: 0;
  color: var(--d360-black-600);
  height: 24px;
  width: 24px;
}

.settings-role-dialog__close .material-symbols-rounded {
  font-size: 18px;
  line-height: 1;
}

.settings-role-dialog__form,
.settings-role-dialog__fields {
  margin: 0;
}

.settings-role-dialog__fields {
  display: grid;
  gap: 16px;
}

.settings-role-dialog__field {
  height: var(--d360-input-height);
  min-height: var(--d360-input-height);
}

.settings-role-dialog__field .ui-floating-control {
  font-size: 13px;
  height: 100%;
  min-height: 32px;
  padding: 0 8px;
}

.settings-role-dialog__field legend {
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
  white-space: nowrap;
}

.settings-role-dialog__field--textarea {
  height: auto;
  min-height: 92px;
}

.settings-role-dialog__field--textarea .ui-floating-control {
  min-height: 72px;
  padding-top: 2px;
  resize: vertical;
}

.settings-role-permissions {
  margin-top: 16px;
}

.settings-role-permissions h4 {
  color: var(--d360-blue-700);
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 16px;
}

.settings-role-permissions__list {
  border: 1px solid #E5E5E5;
  border-radius: 6px;
  overflow: hidden;
}

.settings-role-permissions__row {
  align-items: center;
  border-bottom: 1px solid var(--d360-black-200);
  color: var(--d360-black-900);
  display: flex;
  font-size: 16px;
  font-weight: 600;
  height: 41px;
  justify-content: space-between;
  padding: 0 10px;
}

.settings-role-permissions__row:last-child {
  border-bottom: 0;
}

.settings-role-permissions__row span:first-child {
  align-items: center;
  display: inline-flex;
  gap: 10px;
}

.settings-role-permissions__row input {
  border: 1px solid var(--d360-black-400);
  height: 14px;
  margin: 0;
  width: 14px;
}

.settings-role-permissions__row .material-symbols-rounded {
  color: var(--d360-black-400);
  font-size: 18px;
  line-height: 1;
}

.settings-role-dialog__actions {
  align-items: center;
  display: flex;
  gap: 28px;
  justify-content: center;
  margin-top: 32px;
}

.settings-role-dialog__cancel {
  color: var(--d360-red-300);
  font-size: 12px;
  font-weight: 500;
}

.settings-role-dialog__save {
  background: var(--d360-blue-700);
  border: 1px solid var(--d360-blue-700);
  border-radius: 8px;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 500;
  height: 36px;
  min-width: 72px;
  padding: 0 16px;
}

@media (max-width: 760px) {
  .settings-role-dialog__inner {
    padding: 22px 8px 28px;
  }
}

.settings-role-form-page {
  padding: 32px 8px 96px;
}

.settings-role-page-form {
  width: 100%;
}

.settings-role-page-form__field {
  height: var(--d360-input-height);
  min-height: var(--d360-input-height);
}

.settings-role-page-form__field .ui-floating-control {
  font-size: 13px;
  height: 100%;
  min-height: 40px;
  padding: 0 8px;
}

.settings-role-page-form__field legend {
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
  white-space: nowrap;
}

.settings-role-page-form__field--textarea {
  height: auto;
  margin-top: 16px;
  min-height: 92px;
}

.settings-role-page-form__field--textarea .ui-floating-control {
  min-height: 72px;
  padding-top: 2px;
  resize: vertical;
}

.settings-role-page-form__permissions {
  margin-top: 18px;
}

.settings-role-page-form .settings-role-permissions__row {
  font-size: 16px !important;
  font-weight: 600 !important;
}

.settings-role-page-form .settings-role-permissions__row .settings-role-permissions__label {
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 24px !important;
}

.settings-role-page-form .settings-role-permissions__text {
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 24px !important;
}

.settings-role-page-form #btnSaveRole.d360-form-action-button--primary {
  background: var(--d360-blue-700) !important;
  border-color: var(--d360-blue-700) !important;
  color: #FFFFFF !important;
}

.settings-role-page-form #btnSaveRole.d360-form-action-button--primary:hover,
.settings-role-page-form #btnSaveRole.d360-form-action-button--primary:focus-visible {
  background: #0052CC !important;
  border-color: #0052CC !important;
  color: #FFFFFF !important;
}

.settings-role-page-form__actions {
  bottom: 24px;
  display: flex;
  gap: 16px;
  justify-content: flex-end;
  margin: 0 !important;
  padding-right: 0;
  position: fixed;
  right: 24px;
  z-index: 20;
}

@media (max-width: 760px) {
  .settings-role-form-page {
    padding: 24px 8px 112px;
  }

  .settings-role-page-form__actions {
    left: 16px;
    padding-right: 0;
    right: 16px;
  }
}

.settings-permission-dialog {
  max-width: 720px;
}

.settings-permission-dialog__inner {
  padding: 24px 24px 32px;
}

.settings-permission-dialog__title {
  color: var(--d360-blue-700);
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  margin: 0 0 28px;
}

.settings-permission-dialog__close {
  border: 0;
  color: var(--d360-black-600);
  height: 24px;
  width: 24px;
}

.settings-permission-dialog__close .material-symbols-rounded {
  font-size: 18px;
  line-height: 1;
}

.settings-permission-dialog__form {
  margin: 0;
}

.settings-permission-dialog__grid {
  display: grid;
  gap: 16px 24px;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.settings-permission-dialog__field {
  height: var(--d360-input-height);
  min-height: var(--d360-input-height);
  min-width: 0;
}

.settings-permission-dialog__field .ui-floating-control {
  font-size: 13px;
  height: 100%;
  min-height: 40px;
  padding: 0 8px;
}

.settings-permission-dialog__field legend {
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
  white-space: nowrap;
}

.settings-permission-dialog__field--textarea {
  grid-column: 1 / -1;
  height: auto;
  min-height: 122px;
}

.settings-permission-dialog__field--textarea .ui-floating-control {
  min-height: 100px;
  padding-top: 2px;
  resize: vertical;
}

.settings-permission-dialog__actions {
  align-items: center;
  display: flex;
  gap: 28px;
  justify-content: center;
  margin-top: 32px;
}

.settings-permission-dialog__cancel {
  color: var(--d360-red-300);
  font-size: 12px;
  font-weight: 500;
}

.settings-permission-dialog__save {
  background: #0052CC;
  border: 1px solid #0052CC;
  border-radius: 8px;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 500;
  height: 36px;
  min-width: 72px;
  padding: 0 16px;
}

.settings-permission-dialog__save:hover {
  background: #0052CC;
  border-color: #0052CC;
}

@media (max-width: 760px) {
  .settings-permission-dialog__inner {
    padding: 22px 18px 28px;
  }

  .settings-permission-dialog__grid {
    grid-template-columns: 1fr;
  }

  .settings-permission-dialog__field--textarea {
    grid-column: auto;
  }
}

@media (max-width: 900px) {
  .audit-log-filter-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .audit-log-filter-actions {
    grid-column: 1 / 3;
  }
}

@media (max-width: 560px) {
  .crm-page-toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  .audit-log-filter-grid {
    grid-template-columns: 1fr;
  }

  .audit-log-filter-actions {
    grid-column: 1;
    justify-content: stretch;
  }

  .audit-log-filter-actions .ui-btn {
    flex: 1;
  }
}

:root {
  --d360-font-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --d360-input-border: #AFAFAF;
  --d360-input-height: 54px;
  --d360-input-label-color: #1A1A1A;
  --d360-input-placeholder: #AFAFAF;

  --d360-logo-blue: #185BC8;
  --d360-logo-dark: #4B4B4B;

  --d360-blue-900: #0E2087;
  --d360-blue-800: #0052CC;
  --d360-blue-700: #0065FF;
  --d360-blue-600: #2684FF;
  --d360-blue-500: #3851DD;
  --d360-blue-400: #DEEBFF;

  --d360-red-400: #BF2600;
  --d360-red-300: #F03000;
  --d360-red-200: #1B32B8;
  --d360-red-100: #FFEBE6;
  --d360-red-0:   #3851DD;

  --d360-green-400: #006644;
  --d360-green-300: #00875A;
  --d360-green-200: #36B37E;
  --d360-green-100: #ABF5D1;
  --d360-green-0:   #E3FCEF;

  --d360-yellow-400: #FF8B00;
  --d360-yellow-300: #FFAB00;
  --d360-yellow-200: #FFC400;
  --d360-yellow-100: #FFE380;
  --d360-yellow-0:   #FFFAE6;

  --d360-purple-400: #403294;
  --d360-purple-300: #6554C0;
  --d360-purple-200: #8777D9;
  --d360-purple-100: #C0B6F2;
  --d360-purple-0:   #EAE6FF;

  --d360-pink-400:   #FF2FF7;
  --d360-pink-300:   #FFE6FE;

  --d360-purplelight:#E5D9FF;   
  --d360-purplebtn:  #8353E2;   

  --d360-orangelt:   #FFF1C2;  
  --d360-orange:     #FFA800;   

  --d360-bluebtn:    #4069E5;   
  --d360-bluelt:     #EFFDFF;   
  --d360-turquoise:  #00BDD6;   


  --d360-black-950: #1A1A1A;
  --d360-black-900: #1C1C1C;
  --d360-black-800: #252525;
  --d360-black-700: #333333;
  --d360-black-600: #636363;
  --d360-black-500: #8C8C8C;

  --d360-black-400: #AFAFAF;
  --d360-black-300: #CCCCCC;
  --d360-black-200: #E2E2E2;
  --d360-black-100: #F2F2F2;
  --d360-black-50:  #CFCFCF;

  --d360-white:     #FFFFFF;
}

html,
body,
button,
input,
select,
textarea {
  font-family: var(--d360-font-family);
}

html,
body {
  scrollbar-gutter: stable;
}

.d360-btn-primary:disabled {
  cursor: not-allowed;
  background-color: var(--d360-black-500);
}

/*sidebar*/
#sbRoot {
  color: #1A1A1A;
}

#sbRoot .sb-item,
#sbRoot .sb-group-btn,
#sbRoot .sb-subitem {
  color: #1A1A1A !important;
}

#sbRoot .material-symbols-rounded {
  color: #1A1A1A !important;
  font-variation-settings:
    "FILL" 0,
    "wght" 400,
    "GRAD" 0,
    "opsz" 24;
}

#sbRoot .sb-item,
#sbRoot .sb-group-btn {
  font-weight: 400;
}

/* Sidebar aktif öğe görünümü */
.sb-active {
  background: var(--d360-blue-400); 
  color: var(--d360-blue-700);
}

.sb-active .material-symbols-rounded {
  color: var(--d360-blue-700) !important;
}

#sbRoot .sb-active,
#sbRoot .sb-active .material-symbols-rounded,
#sbRoot .sb-group[data-active="true"] > .sb-group-btn,
#sbRoot .sb-group[data-active="true"] > .sb-group-btn .material-symbols-rounded {
  color: var(--d360-blue-700) !important;
}

/* soldaki mavi bar */
.sb-active {
  position: relative;
}
.sb-active::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  border-radius: 9999px;
  background: var(--d360-blue-700);
}
.no-scrollbar {
  -ms-overflow-style: none !important; /* IE/Edge */
  scrollbar-width: none !important;    /* Firefox */
}
.no-scrollbar::-webkit-scrollbar {
  display: none !important;            /* Chrome/Safari */
}
.d360-btn-green {
  background: #e8f8ee;
  border: 1px solid #16a34a;
  color: #16a34a;
  transition: .2s;
}

.d360-btn-green:hover {
  background: #16a34a;
  color: #fff;
}

.d360-btn-green:hover .material-symbols-rounded {
  color: #fff;
}

/*auth-login*/
.auth-shell { min-height: 100vh; }

.auth-visual {
  display: none !important;
  min-height: 100vh;
}

.auth-visual__image {
  display: block;
  height: auto;
  max-height: 78vh;
  object-fit: contain;
}

.auth-panel {
  min-height: 100vh;
}

.auth-card {
  margin-inline: auto;
}

.auth-logo-wrap {
  width: 100%;
}

.auth-logo {
  max-width: 100%;
}

@media (max-width: 1023px) {
  .auth-panel {
    padding-inline: 24px !important;
  }
}

@media (min-width: 1024px) {
  .auth-visual {
    display: flex !important;
  }
}

/*Buttons*/
.btn{
  width: 100%;
  border-radius: 8px;
  padding: 10px 14px;
  font-weight: 600;
  height: 40px;
  border-radius: 8px;
}

.d360-form-action-button,
.form-action-btn {
  align-items: center !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  display: inline-flex !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  gap: 8px;
  height: 40px !important;
  justify-content: center !important;
  line-height: 1 !important;
  max-width: 100%;
  min-height: 40px !important;
  min-width: 104px;
  padding: 0 12px !important;
  white-space: nowrap;
}

.form-action-btn .material-symbols-rounded {
  color: inherit;
  font-size: 20px !important;
  line-height: 1;
}

.d360-form-action-button--cancel {
  background: #FFFFFF !important;
  border: 1px solid var(--d360-red-300) !important;
  color: var(--d360-red-300) !important;
}

.d360-form-action-button--cancel:hover {
  background: var(--d360-red-100) !important;
  color: var(--d360-red-300) !important;
}

.d360-form-action-button--save,
.d360-form-action-button--primary,
.form-action-btn--save {
  background: #DEEBFF !important;
  border: 1px solid var(--d360-bluebtn) !important;
  color: var(--d360-bluebtn) !important;
}

.form-action-btn--save-close {
  background: #EFFDFF !important;
  border: 1px solid var(--d360-bluebtn) !important;
  color: var(--d360-bluebtn) !important;
}

.form-action-btn--refresh {
  background: var(--d360-green-0) !important;
  border: 1px solid var(--d360-green-300) !important;
  color: var(--d360-green-300) !important;
}

.d360-form-action-button--save:hover,
.d360-form-action-button--primary:hover,
.form-action-btn--save:hover,
.form-action-btn--save-close:hover {
  background: var(--d360-bluebtn) !important;
  border-color: var(--d360-bluebtn) !important;
  color: var(--d360-bluelt) !important;
}

.form-action-btn--refresh:hover {
  background: var(--d360-green-300) !important;
  border-color: var(--d360-green-300) !important;
  color: #FFFFFF !important;
}

.form-action-btn--refresh {
  min-width: 40px;
  padding: 0 !important;
  width: 40px;
}

.d360-form-action-button:disabled,
.form-action-btn:disabled {
  cursor: not-allowed;
  opacity: .55;
}

.step-action-btn {
  align-items: center !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  display: inline-flex !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  gap: 8px;
  height: 40px !important;
  justify-content: center !important;
  line-height: 1 !important;
  min-height: 40px !important;
  min-width: 93px;
  padding: 0 16px !important;
  transition: background-color .15s ease, border-color .15s ease, color .15s ease, opacity .15s ease;
  white-space: nowrap;
}

.step-action-btn .material-symbols-rounded {
  color: inherit;
  font-size: 16px;
  line-height: 1;
}

.step-action-btn--cancel {
  background: #fff;
  border: 1px solid #FF2D0D;
  color: #FF2D0D;
  min-width: 93px;
}

.step-action-btn--cancel:hover,
.step-action-btn--cancel:focus-visible {
  background: #FFEBE6;
}

.step-action-btn--prev {
  background: #fff;
  border: 1px solid #0065FF;
  color: #0065FF;
}

.step-action-btn--prev:hover:not(:disabled),
.step-action-btn--prev:focus-visible:not(:disabled) {
  background: #0065FF;
  border-color: #0065FF;
  color: #FFFFFF;
}

.step-action-btn--next {
  background: #0065FF;
  border: 1px solid #0065FF;
  color: #fff;
}

.step-action-btn--next:hover:not(:disabled),
.step-action-btn--next:focus-visible:not(:disabled) {
  background: #0052CC;
  border-color: #0052CC;
}

.step-action-btn:disabled {
  cursor: not-allowed;
  opacity: .45;
}

@media (max-width: 640px) {
  .d360-form-action-button {
    min-width: 96px;
    padding-inline: 18px !important;
  }
}

.d360-form-actions {
  margin-top: 32px !important;
  margin-bottom: 40px !important;
}

.d360-event-step-actions {
  bottom: 40px;
  left: 0;
  margin: 0 !important;
  position: absolute;
  right: 0;
}

#panelStep1,
#panelStep2,
#panelStep3 {
  min-height: calc(100vh - 190px);
  padding-bottom: 96px;
  position: relative;
}

.event-speakers-toolbar .d360-table-action--columns,
.event-speakers-toolbar #btnSpeakerColumns {
  align-items: center;
  background: #EFFDFF !important;
  border: 1px solid #0065FF !important;
  border-radius: 8px !important;
  color: #0065FF !important;
  display: inline-flex;
  height: 40px;
  justify-content: center;
  padding: 0 !important;
  width: 40px;
}

.event-speakers-toolbar #btnSpeakerColumns.d360-btn-pink,
.event-speakers-toolbar #btnSpeakerColumns.d360-table-action {
  background-color: #EFFDFF !important;
  border-color: #0065FF !important;
  color: #0065FF !important;
}

.event-speakers-toolbar .d360-table-action--columns:hover,
.event-speakers-toolbar #btnSpeakerColumns:hover {
  background: #0065FF !important;
  color: #FFFFFF !important;
}

.event-speakers-toolbar #btnSpeakerColumns .material-symbols-rounded {
  color: currentColor !important;
  font-size: 20px !important;
  line-height: 1;
}

.event-speakers-toolbar .d360-table-search {
  height: 40px;
}

.event-speakers-toolbar .d360-table-search input {
  height: 40px !important;
}

.event-speakers-toolbar .d360-table-search > .material-symbols-rounded[role="button"] {
  align-items: center;
  background: #0065FF;
  border: 1px solid #0065FF;
  border-radius: 8px;
  color: #FFFFFF !important;
  display: inline-flex;
  height: 40px;
  justify-content: center;
  width: 40px;
}

.event-speakers-toolbar .d360-table-search:not(.is-open) {
  width: 40px;
}

.event-speakers-toolbar .d360-table-search:not(.is-open) input {
  opacity: 0;
  pointer-events: none;
  width: 40px !important;
}

.event-speakers-toolbar .d360-table-search.is-open {
  width: 288px;
}

.event-speakers-toolbar .d360-table-search.is-open input {
  opacity: 1;
  width: 288px !important;
}

.d360-speaker-dialog {
  max-width: 560px;
  width: min(92vw, 560px);
}

.d360-speaker-dialog__close {
  right: 16px;
  top: 16px;
  z-index: 2;
}

.d360-speaker-dialog__fields {
  display: grid;
  gap: 22px 24px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.d360-speaker-dialog .fld {
  align-items: center;
  display: flex;
  min-width: 0;
}

.d360-speaker-dialog .fld legend {
  max-width: calc(100% - 16px);
  white-space: nowrap;
}

.d360-speaker-dialog__actions {
  align-items: center;
  display: flex;
  gap: 24px;
  justify-content: center;
}

.d360-speaker-dialog__create {
  background: #0065FF !important;
  border: 1px solid #0065FF !important;
  color: #FFFFFF !important;
}

.d360-speaker-dialog__create:hover {
  background: #0057DB !important;
}

.d360-speaker-dialog__cancel {
  background: #FFFFFF !important;
  border-color: #F03000 !important;
  color: #F03000 !important;
}

.d360-speaker-dialog__cancel:hover {
  background: #F03000 !important;
  border-color: #F03000 !important;
  color: #FFFFFF !important;
}

.d360-event-remove-modal {
  align-items: center !important;
  justify-content: center !important;
  padding: 0;
}

.d360-event-remove-modal__overlay {
  background: rgba(17, 24, 39, 0.08);
}

.d360-event-remove-modal__card {
  border: 1px solid #0065FF;
  border-radius: 4px;
  max-width: 565px;
  width: min(92vw, 565px);
}

.d360-event-remove-modal__close {
  color: #6B7280;
  height: 20px;
  right: 14px;
  top: 14px;
  width: 20px;
}

.d360-event-remove-modal__close .material-symbols-rounded {
  color: currentColor;
  font-size: 18px;
  line-height: 1;
}

.d360-event-remove-modal__body {
  padding: 72px 32px 18px;
}

.d360-event-remove-modal__icon {
  background: #EFFDFF;
  height: 80px;
  width: 80px;
}

.d360-event-remove-modal__icon .material-symbols-rounded {
  color: #0065FF;
  font-size: 50px;
  line-height: 1;
}

.d360-event-remove-modal__title {
  color: #0065FF;
  font-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.35;
  margin: 28px auto 0;
  max-width: 360px;
}

.d360-event-remove-modal__text {
  color: #AFAFAF;
  font-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  margin-top: 12px;
}

.d360-event-remove-modal__actions {
  align-items: center;
  display: flex;
  gap: 24px;
  justify-content: center;
  margin-top: 54px;
}

.d360-event-remove-modal__cancel,
.d360-event-remove-modal__ok {
  align-items: center;
  border-radius: 6px;
  display: inline-flex;
  font-size: 11px;
  font-weight: 500;
  height: 40px;
  justify-content: center;
  min-width: 64px;
  padding: 0 16px;
}

.d360-event-remove-modal__cancel {
  background: transparent !important;
  border: 0 !important;
  color: #F03000;
  height: auto;
  min-width: 0;
  padding: 0;
}

.d360-event-remove-modal__cancel:hover {
  background: transparent !important;
  color: #C62800;
}

.d360-event-remove-modal__ok {
  background: #0065FF;
  border: 1px solid #0065FF;
  color: #FFFFFF;
}

.d360-event-remove-modal__ok:hover {
  background: #0057DB;
}

@media (max-width: 560px) {
  .d360-speaker-dialog__fields {
    grid-template-columns: 1fr;
  }
}

.d360-event-step-actions .step-action-btn--prev,
.d360-event-step-actions .event-step-prev-disabled {
  border-color: #0065FF !important;
  color: #0065FF !important;
  opacity: 1 !important;
}

.d360-event-step-actions .step-action-btn--prev:hover:not(:disabled),
.d360-event-step-actions .step-action-btn--prev:focus-visible:not(:disabled) {
  color: #FFFFFF !important;
}

.d360-event-step-actions .event-step-prev-disabled {
  cursor: default;
}

.person-new-form-actions {
  margin-bottom: 12px !important;
}

@media (max-width: 640px) {
  .d360-event-step-actions {
    flex-wrap: wrap;
  }
}

.d360-form-actions--pair {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: flex-end;
}

.d360-version-form-page {
  min-height: calc(100vh - 76px);
  padding: 20px 40px 112px;
}

.d360-version-form {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}

.d360-version-form-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: 1fr;
  width: 100%;
}

.d360-version-form-row {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: 100%;
}

.d360-version-form-row .d360-fieldset,
.d360-version-description-field {
  width: 100%;
}

.d360-version-date-control input[type="date"]::-webkit-calendar-picker-indicator {
  display: none;
}

.d360-version-description-field {
  margin-top: 0 !important;
}

.d360-version-form-actions {
  position: fixed;
  right: 40px;
  bottom: 40px;
  z-index: 30;
  display: flex;
  align-items: center;
  gap: 12px;
}

@media (max-width: 640px) {
  .d360-version-form-page {
    padding: 16px 20px 112px;
  }

  .d360-version-form-row {
    grid-template-columns: 1fr;
  }

  .d360-version-form-actions {
    right: 16px;
    bottom: 40px;
  }
}


    .otp {
      width: 48px; height: 48px;
      border: 1px solid var(--d360-black-400); border-radius: 8px;
      text-align: center; font-size: 18px; font-weight: 700;
      outline: none;
    }
    .otp:focus { border-color:var(--d360-blue-700); box-shadow:0 0 0 3px rgba(37,99,235,.15); }

.d360-btn-primary{
background: var(--d360-blue-700);
border: var(--d360-blue-700);
color: var(--d360-white);
}
.d360-btn-primary:hover{
background: var(--d360-blue-900);
border: var(--d360-blue-900);
color: var(--d360-white);
}
.d360-btn-purple {
  background-color: var(--d360-purplelight) ;
    border: 1px solid var(--d360-purplebtn) ;
    color: var(--d360-purplebtn) ;
}
.d360-btn-greenlt{
  background: var(--d360-green-0);
border: 1px solid var(--d360-green-300);
color: var(--d360-green-300);
}
.d360-btn-greenlt:hover{
  background: var(--d360-green-300);
border: 1px solid var(--d360-green-300);
color: var(--d360-white);
}
.d360-btn-bluelt{
  background: var(--d360-bluelt);
border: 1px solid var(--d360-bluebtn);
color: var(--d360-bluebtn);
}
.d360-btn-bluelt:hover{
  background: var(--d360-bluebtn);
border: 1px solid var(--d360-bluebtn);
color: var(--d360-white);
}
.d360-btn-purple:hover {
  background-color: var(--d360-purplebtn) ;
    border: 1px solid var(--d360-purplebtn)  ;
    color: var(--d360-white) ;
}

.d360-btn-orange{
    background-color: var(--d360-orangelt) ;
    border:1px solid var(--d360-orange) ;
    color: var(--d360-orange) ;
}
.d360-btn-orange-soft {
    background-color: var(--d360-orangelt) !important;
    border: 1px solid var(--d360-orange) !important;
    color: var(--d360-orange) !important;
}
.d360-btn-orange-soft:hover {
    background-color: var(--d360-orange) !important;
    border: 1px solid var(--d360-orange) !important;
    color: var(--d360-white) !important;
}
.d360-btn-orange:hover{
    background-color: var(--d360-orange) ;
    border: 1px solid var(--d360-orange) ;
    color: var(--d360-white) ;
}

.d360-sms-recipient-field {
  align-items: flex-start;
  background: var(--d360-white);
  border: 1px solid var(--d360-black-200);
  border-radius: 8px;
  display: flex;
  min-height: 44px;
  padding: 8px 48px 8px 12px;
  position: relative;
  width: 100%;
}

.d360-sms-recipient-chips {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  gap: 8px;
  min-height: 26px;
}

.d360-sms-recipient-add {
  align-items: center;
  background: var(--d360-blue-700);
  border: 1px solid var(--d360-blue-700);
  border-radius: 9999px;
  color: var(--d360-white);
  display: inline-flex;
  height: 28px;
  justify-content: center;
  position: absolute;
  right: 10px;
  top: 8px;
  width: 28px;
}

.d360-sms-recipient-add .material-symbols-rounded {
  color: currentColor;
  font-size: 20px;
  line-height: 1;
}

.d360-sms-recipient-add.hidden {
  display: none !important;
}

.d360-sms-recipient-add:hover {
  background: var(--d360-blue-900);
  border-color: var(--d360-blue-900);
}

.d360-sms-compose-actions {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  margin-top: 20px;
}

.d360-sms-compose .d360-sms-compose-card,
.d360-sms-compose #template,
.d360-sms-compose #smsRichEditor,
.d360-sms-compose #smsRichEditor .ql-toolbar,
.d360-sms-compose #smsRichEditor .ql-container {
  border-radius: 8px !important;
}

.d360-sms-compose .d360-sms-compose-card,
.d360-sms-compose #template {
  border-color: var(--d360-black-200) !important;
}

.d360-sms-compose #smsRichEditor {
  border: 1px solid var(--d360-black-200);
  background: var(--d360-white);
  overflow: hidden;
}

.d360-sms-compose #smsRichEditor .ql-toolbar.ql-snow {
  border: 0;
  border-bottom: 1px solid var(--d360-black-200);
  padding: 12px 14px;
}

.d360-sms-compose #smsRichEditor .ql-toolbar,
.d360-sms-compose #smsRichEditor .ql-toolbar button,
.d360-sms-compose #smsRichEditor .ql-toolbar .ql-picker,
.d360-sms-compose #smsRichEditor .ql-toolbar .ql-picker-label {
  color: var(--d360-black-950);
  opacity: 1;
}

.d360-sms-compose #smsRichEditor .ql-toolbar button svg,
.d360-sms-compose #smsRichEditor .ql-toolbar .ql-picker-label svg {
  color: var(--d360-black-950);
}

.d360-sms-compose #smsRichEditor .ql-toolbar .ql-stroke {
  stroke: var(--d360-black-950);
}

.d360-sms-compose #smsRichEditor .ql-toolbar .ql-fill {
  fill: var(--d360-black-950);
}

.d360-sms-compose #smsRichEditor .ql-toolbar button:hover,
.d360-sms-compose #smsRichEditor .ql-toolbar button:focus,
.d360-sms-compose #smsRichEditor .ql-toolbar button.ql-active,
.d360-sms-compose #smsRichEditor .ql-toolbar .ql-picker-label:hover,
.d360-sms-compose #smsRichEditor .ql-toolbar .ql-picker-label.ql-active,
.d360-sms-compose #smsRichEditor .ql-toolbar .ql-picker-item:hover,
.d360-sms-compose #smsRichEditor .ql-toolbar .ql-picker-item.ql-selected {
  color: var(--d360-black-950);
}

.d360-sms-compose #smsRichEditor .ql-toolbar button:hover .ql-stroke,
.d360-sms-compose #smsRichEditor .ql-toolbar button:focus .ql-stroke,
.d360-sms-compose #smsRichEditor .ql-toolbar button.ql-active .ql-stroke,
.d360-sms-compose #smsRichEditor .ql-toolbar .ql-picker-label:hover .ql-stroke,
.d360-sms-compose #smsRichEditor .ql-toolbar .ql-picker-label.ql-active .ql-stroke {
  stroke: var(--d360-black-950);
}

.d360-sms-compose #smsRichEditor .ql-toolbar button:hover .ql-fill,
.d360-sms-compose #smsRichEditor .ql-toolbar button:focus .ql-fill,
.d360-sms-compose #smsRichEditor .ql-toolbar button.ql-active .ql-fill,
.d360-sms-compose #smsRichEditor .ql-toolbar .ql-picker-label:hover .ql-fill,
.d360-sms-compose #smsRichEditor .ql-toolbar .ql-picker-label.ql-active .ql-fill {
  fill: var(--d360-black-950);
}

.d360-sms-compose #smsRichEditor .ql-container.ql-snow {
  border: 0;
  min-height: 260px;
}

.d360-sms-compose #smsRichEditor .ql-editor {
  min-height: 220px;
  padding: 18px 20px;
}

.d360-sms-compose #smsRichEditor .ql-editor.ql-blank::before {
  color: var(--d360-black-500);
  font-style: normal;
  left: 20px;
  right: 20px;
}

.d360-sms-compose #smsRichEditor .ql-toolbar button .material-symbols-rounded {
  color: var(--d360-black-950);
  font-size: 19px;
  line-height: 1;
}

.d360-sms-editor-attachments {
  align-items: center;
  display: flex;
  gap: 14px;
  min-height: 44px;
  padding: 0 16px 12px;
}

.d360-sms-editor-attachments button {
  align-items: center;
  background: transparent;
  border: 0;
  color: var(--d360-black-500);
  display: inline-flex;
  height: 28px;
  justify-content: center;
  padding: 0;
  width: 28px;
}

.d360-sms-editor-attachments button:hover {
  color: var(--d360-blue-700);
}

.d360-sms-editor-attachments .material-symbols-rounded {
  color: currentColor;
  font-size: 24px;
  line-height: 1;
}

@media (max-width: 640px) {
  .d360-sms-compose-actions {
    justify-content: stretch;
  }

  .d360-sms-compose-actions > button {
    flex: 1 1 0;
  }
}
.d360-btn-pink{
      background-color: var(--d360-pink-300) ;
    border:1px solid var(--d360-pink-300) ;
    color: var(--d360-pink-400) ;
}
.d360-btn-pink:hover{
      background-color: var(--d360-pink-400) ;
    border:1px solid var(--d360-pink-300) ;
    color: var(--d360-pink-300) ;
}
.d360-btn-red{
      background-color: var(--d360-red-100) ;
    border:1px solid var(--d360-pink-100) ;
    color: var(--d360-pink-300) ;
}
.d360-btn-red:hover{
      background-color: var(--d360-red-300) ;
    border:1px solid var(--d360-red-300) ;
    color: var(--d360-white) ;
}
/* Pano kartları */
.board-column {
  border-radius: 8px !important;
}

.board-column-header h3 {
  color: inherit;
}

.board-column--waiting .board-column-header {
  background: #deebff !important;
  color: #0065ff !important;
}

.board-column--progress .board-column-header {
  background: #fffae6 !important;
  color: #ff8b00 !important;
}

.board-column--done .board-column-header {
  background: #e3fcef !important;
  color: #00875a !important;
}

.board-task-card {
  background: #f2f2f2 !important;
  border-radius: 8px !important;
  padding: 16px;
}

.work-items-page > .d360-dtwrap {
  margin-top: 34px !important;
}

.board-task-id {
  align-items: center;
  background: #deebff;
  border: 1px solid #0065ff;
  border-radius: 4px !important;
  color: #0065ff;
  display: inline-flex;
  font-size: 12px;
  font-weight: 500;
  height: 24px;
  justify-content: center;
  min-width: 24px;
  padding: 0;
  width: 24px;
}

.board-task-card--progress .board-task-id {
  background: #fff0d1;
  border-color: #ff8b00;
  color: #ff8b00;
}

.board-task-card--done .board-task-id {
  background: #e3fcef;
  border-color: #00875a;
  color: #00875a;
}

.board-task-edit {
  align-items: center;
  background: #d9d9d9;
  border-radius: 4px;
  color: #36b37e;
  display: inline-flex;
  height: 24px;
  justify-content: center;
  width: 24px;
}

.board-task-edit:hover {
  background: #36b37e;
  color: #ffffff;
}

.board-task-edit .material-symbols-rounded {
  color: currentColor;
  font-size: 19px;
}

.board-task-fields {
  display: grid;
  gap: 10px;
  margin-top: 32px;
}

.board-task-row {
  align-items: baseline;
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(120px, auto) minmax(0, 1fr);
}

.board-task-label {
  color: #0065ff;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

.board-task-card--progress .board-task-label {
  color: #ff8b00;
}

.board-task-card--done .board-task-label {
  color: #00875a;
}

.board-task-value {
  color: #222222;
  font-size: 12px;
  font-weight: 400;
  min-width: 0;
  overflow-wrap: anywhere;
  text-align: right;
}

/* İş Ekle alanı */
.board-task-add {
  background: #f2f2f2 !important;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  margin: 0 16px 16px;
  width: calc(100% - 32px);
}

.board-task-add .material-symbols-rounded {
  font-size: 20px;
}

.board-task-add--waiting {
  color: #0065ff !important;
}

.board-task-add--progress {
  color: #ff8b00 !important;
}

.board-task-add--done {
  color: #00875a !important;
}
        .pvmTab[data-active="true"] {
            box-shadow: inset 0 -2px 0 0 currentColor;
        }

.work-items-page .pvmTab[data-view="board"]:hover,
.work-items-page .pvmTab[data-view="board"]:focus-visible,
.work-items-page .pvmTab[data-view="calendar"]:hover,
.work-items-page .pvmTab[data-view="calendar"]:focus-visible {
  background-color: #0065FF !important;
  border-color: #0065FF !important;
  color: #FFFFFF !important;
}

.work-items-page .pvmTab[data-view="board"]:hover .material-symbols-rounded,
.work-items-page .pvmTab[data-view="board"]:focus-visible .material-symbols-rounded,
.work-items-page .pvmTab[data-view="calendar"]:hover .material-symbols-rounded,
.work-items-page .pvmTab[data-view="calendar"]:focus-visible .material-symbols-rounded {
  color: #FFFFFF !important;
}

/**persons-new*/
        .iti {
            width: 100%;
        }

        .iti__tel-input {
            width: 100%;
        }

.fld .iti,
.d360-fieldset .iti {
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
}

.fld .iti .iti__tel-input,
.d360-fieldset .iti .iti__tel-input {
  height: 2rem;
  min-height: 2rem;
  padding-left: 50px !important;
  width: 100%;
}

.fld .iti .iti__selected-country,
.d360-fieldset .iti .iti__selected-country {
  align-items: center;
  display: flex;
  height: 100%;
  width: 40px;
  padding-left: 0;
  padding-right: 4px;
}

.fld .iti .iti__selected-dial-code,
.d360-fieldset .iti .iti__selected-dial-code {
  color: var(--d360-black-500);
  font-size: 14px;
}

.fld .iti .iti__arrow,
.d360-fieldset .iti .iti__arrow {
  margin-left: 6px;
}

.person-phone-field .iti .iti__tel-input {
  padding-left: 52px !important;
}

.person-phone-field .iti__selected-country {
  width: 48px;
  padding-right: 2px !important;
}

.person-phone-field .iti__selected-dial-code {
  margin-left: 4px;
}
        .tabBtn {
          display: flex;
          justify-content: center;
          align-items: center;
          gap: 4px;
        }

        .tabBtn.is-active {
            box-shadow: inset 0 -2px 0 0 currentColor;
        }

        .person-form-tabs > button {
            border-radius: 0 !important;
        }

        .person-form-tabs > button:first-child {
            border-radius: 8px 0 0 8px !important;
        }

        .person-form-tabs > button:last-child {
            border-radius: 0 8px 8px 0 !important;
        }

        .person-form-tabs > button[data-tab="is"] {
            color: #F03000 !important;
        }

        /*mail-compose-email templates*/
         #mailWrapper {
      border-radius: 8px;
      background: #ffffff;
      border: 1px solid #e5e7eb;
    }


    .d360-colorwrap .d360-colorlabel {
      font-size: 12px;
      color: #6b7280;
    }


    .ql-toolbar.ql-snow{
      border:none !important;
    }

    .ql-container.ql-snow {
      border-radius: 0 0 12px 12px;
      border-color: #e5e7eb;
      min-height: 260px;
    }
     #editorWrapper {
      border-radius: 12px;
      background: #ffffff;
    }

    #editorWrapper .ql-toolbar.ql-snow {
      border-top-left-radius: 12px;
      border-top-right-radius: 12px;
    }

    #editorWrapper .ql-container.ql-snow {
      border-bottom-left-radius: 12px;
      border-bottom-right-radius: 12px;
      background: transparent;
    }

    #editorWrapper .ql-editor {
      background: transparent;
      min-height: 380px;
    }

    .ql-toolbar .d360-colorwrap {
      margin-left: auto;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding-right: 10px;
      user-select: none;
    }

    .ql-toolbar .d360-colorwrap .d360-colorlabel {
      font-size: 12px;
      color: #6b7280;
    }

    .ql-toolbar .d360-colorwrap input[type="color"] {
      width: 34px;
      height: 28px;
      border: 1px solid #d1d5db;
      border-radius: 8px;
      padding: 0;
      background: transparent;
      cursor: pointer;
    }

.d360-message-compose-card,
.d360-message-compose #template,
.d360-message-compose #templateSelect,
.d360-message-compose #subject,
.d360-message-rich-editor,
.d360-message-rich-editor .ql-toolbar,
.d360-message-rich-editor .ql-container {
  border-radius: 8px !important;
}

.d360-message-compose-card,
.d360-message-compose #template,
.d360-message-compose #templateSelect,
.d360-message-compose #subject {
  border-color: var(--d360-black-200) !important;
}

.d360-message-recipient-field {
  align-items: flex-start;
  background: var(--d360-white);
  border: 1px solid var(--d360-black-200);
  border-radius: 8px;
  display: flex;
  min-height: 44px;
  padding: 8px 48px 8px 12px;
  position: relative;
  width: 100%;
}

.d360-message-recipient-chips {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  gap: 8px;
  min-height: 26px;
}

.d360-message-recipient-add {
  align-items: center;
  background: var(--d360-blue-700);
  border: 1px solid var(--d360-blue-700);
  border-radius: 9999px;
  color: var(--d360-white);
  display: inline-flex;
  height: 28px;
  justify-content: center;
  position: absolute;
  right: 10px;
  top: 8px;
  width: 28px;
}

.d360-message-recipient-add .material-symbols-rounded {
  color: currentColor;
  font-size: 20px;
  line-height: 1;
}

.d360-message-recipient-add:hover {
  background: var(--d360-blue-900);
  border-color: var(--d360-blue-900);
}

.d360-message-recipient-add:disabled {
  cursor: not-allowed;
  opacity: 0.45;
}

.d360-message-rich-editor {
  background: var(--d360-white) !important;
  border: 1px solid var(--d360-black-200) !important;
  overflow: hidden;
}

.d360-message-editor-toolbar-row {
  align-items: center;
  border-bottom: 1px solid var(--d360-black-200);
  display: flex;
  gap: 12px;
  justify-content: space-between;
  padding: 12px 14px;
}

.d360-message-rich-editor .ql-toolbar.ql-snow {
  border: 0 !important;
  border-bottom: 1px solid var(--d360-black-200) !important;
  padding: 12px 14px !important;
}

.d360-message-editor-toolbar-row .ql-toolbar.ql-snow {
  border-bottom: 0 !important;
  flex: 1 1 auto;
  padding: 0 !important;
}

.d360-message-rich-editor .ql-toolbar,
.d360-message-rich-editor .ql-toolbar button,
.d360-message-rich-editor .ql-toolbar .ql-picker,
.d360-message-rich-editor .ql-toolbar .ql-picker-label {
  color: var(--d360-black-950);
  opacity: 1;
}

.d360-message-rich-editor .ql-toolbar .ql-stroke {
  stroke: var(--d360-black-950);
}

.d360-message-rich-editor .ql-toolbar .ql-fill {
  fill: var(--d360-black-950);
}

.d360-message-rich-editor .ql-toolbar button:hover,
.d360-message-rich-editor .ql-toolbar button:focus,
.d360-message-rich-editor .ql-toolbar button.ql-active,
.d360-message-rich-editor .ql-toolbar .ql-picker-label:hover,
.d360-message-rich-editor .ql-toolbar .ql-picker-label.ql-active,
.d360-message-rich-editor .ql-toolbar .ql-picker-item:hover,
.d360-message-rich-editor .ql-toolbar .ql-picker-item.ql-selected {
  color: var(--d360-black-950);
}

.d360-message-rich-editor .ql-toolbar button:hover .ql-stroke,
.d360-message-rich-editor .ql-toolbar button:focus .ql-stroke,
.d360-message-rich-editor .ql-toolbar button.ql-active .ql-stroke,
.d360-message-rich-editor .ql-toolbar .ql-picker-label:hover .ql-stroke,
.d360-message-rich-editor .ql-toolbar .ql-picker-label.ql-active .ql-stroke {
  stroke: var(--d360-black-950);
}

.d360-message-rich-editor .ql-toolbar button:hover .ql-fill,
.d360-message-rich-editor .ql-toolbar button:focus .ql-fill,
.d360-message-rich-editor .ql-toolbar button.ql-active .ql-fill,
.d360-message-rich-editor .ql-toolbar .ql-picker-label:hover .ql-fill,
.d360-message-rich-editor .ql-toolbar .ql-picker-label.ql-active .ql-fill {
  fill: var(--d360-black-950);
}

.d360-message-rich-editor .ql-container.ql-snow {
  border: 0 !important;
  min-height: 260px;
}

.d360-message-rich-editor .ql-editor {
  min-height: 220px;
  padding: 18px 20px;
}

.d360-message-rich-editor .ql-editor.ql-blank::before {
  color: var(--d360-black-500);
  font-style: normal;
  left: 20px;
  right: 20px;
}

.d360-message-rich-editor .ql-toolbar button .material-symbols-rounded {
  color: var(--d360-black-950);
  font-size: 19px;
  line-height: 1;
}

.d360-message-editor-attachments {
  align-items: center;
  display: flex;
  gap: 14px;
  min-height: 44px;
  padding: 0 16px 12px;
}

.d360-message-editor-attachments button {
  align-items: center;
  background: transparent;
  border: 0;
  color: var(--d360-black-500);
  display: inline-flex;
  height: 28px;
  justify-content: center;
  padding: 0;
  width: 28px;
}

.d360-message-editor-attachments button:hover {
  color: var(--d360-blue-700);
}

.d360-message-editor-attachments .material-symbols-rounded {
  color: currentColor;
  font-size: 24px;
  line-height: 1;
}

.d360-file-upload-widget {
  align-items: stretch;
  border: 1px dashed var(--d360-black-400);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 170px;
  max-width: 300px;
  min-height: 170px;
  padding: 16px;
  width: 300px;
}

.d360-file-upload-preview {
  align-items: center;
  display: flex;
  gap: 10px;
  min-width: 0;
}

.d360-file-upload-icon {
  align-items: center;
  background: var(--d360-bluelt);
  border-radius: 9999px;
  color: var(--d360-bluebtn);
  display: inline-flex;
  flex: 0 0 auto;
  height: 34px;
  justify-content: center;
  width: 34px;
}

.d360-file-upload-icon .material-symbols-rounded {
  color: currentColor;
  font-size: 19px;
  line-height: 1;
}

.d360-file-upload-info {
  flex: 1 1 auto;
  min-width: 0;
}

.d360-file-upload-name {
  color: var(--d360-black-800);
  font-size: 13px;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.d360-file-upload-meta,
.d360-file-upload-status {
  color: var(--d360-black-500);
  font-size: 9px;
  line-height: 1.2;
}

.d360-file-upload-remove {
  align-items: center;
  background: transparent;
  border: 0;
  color: var(--d360-black-500);
  display: inline-flex;
  flex: 0 0 auto;
  height: 20px;
  justify-content: center;
  padding: 0;
  width: 20px;
}

.d360-file-upload-remove .material-symbols-rounded {
  color: currentColor;
  font-size: 16px;
  line-height: 1;
}

.d360-file-upload-help {
  color: var(--d360-black-500);
  display: flex;
  flex-direction: column;
  font-size: 9px;
  gap: 2px;
  line-height: 1.3;
}

.d360-file-upload-button {
  align-items: center;
  background: var(--d360-bluelt);
  border: 1px solid var(--d360-bluebtn);
  border-radius: 6px;
  color: var(--d360-bluebtn);
  display: inline-flex;
  font-size: 13px;
  height: 32px;
  justify-content: center;
  padding: 0 12px;
  width: 100%;
}

.d360-file-upload-button:hover {
  background: var(--d360-bluebtn);
  color: var(--d360-white);
}

.d360-work-file-upload {
  background: #ffffff;
  height: 148px !important;
  min-height: 148px !important;
}

.d360-work-file-upload.dropActive {
  background: #eff6ff !important;
  border-color: #0065ff !important;
}

.d360-work-file-upload.is-uploaded {
  border: 1px dashed #D6DCE5 !important;
  border-radius: 8px !important;
  gap: 8px !important;
  height: 148px !important;
  max-width: 300px !important;
  min-height: 148px !important;
  padding: 12px !important;
  width: 300px !important;
}

.d360-work-file-upload.is-uploaded .d360-file-upload-preview {
  align-items: center;
  display: grid;
  gap: 10px;
  grid-template-columns: 34px minmax(0, 1fr) auto;
}

.d360-work-file-upload.is-uploaded .d360-file-upload-name {
  color: #172033;
  font-size: 13px;
  font-weight: 700;
}

.d360-work-file-upload.is-uploaded .d360-file-upload-meta {
  color: #4B5563;
  font-size: 9px;
  white-space: nowrap;
}

.d360-work-file-upload.is-uploaded .d360-file-upload-help {
  color: #4B5563;
  font-size: 9px;
  gap: 1px;
}

.d360-work-file-upload.is-uploaded .d360-file-upload-button,
.d360-work-file-upload.is-uploaded .d360-file-upload-status {
  display: none !important;
}

.d360-work-detail-file-upload {
  height: 148px !important;
  min-height: 148px !important;
  width: 300px !important;
}

.d360-work-note-delete {
  color: #F03000 !important;
}

.d360-work-note-delete:hover {
  background: #F03000 !important;
  border-color: #F03000 !important;
  color: #FFFFFF !important;
}

#btnSave {
  background-color: #0065FF !important;
  color: #FFFFFF !important;
}

#btnSave:hover {
  background-color: #0052CC !important;
  color: #FFFFFF !important;
}

.work-description-field {
  height: auto !important;
  min-height: 80px !important;
  overflow: visible !important;
}

.work-description-textarea {
  display: block;
  min-height: 48px;
  resize: vertical;
  line-height: 1.4;
  padding: 4px 0 8px;
}

.d360-note-seq {
  align-items: center;
  background: #EFFDFF;
  border-radius: 6px;
  color: #0065FF;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 12px;
  font-weight: 600;
  height: 24px;
  justify-content: center;
  min-width: 24px;
  padding: 0 8px;
}

.work-detail-view-mode #tabInfo,
.work-detail-view-mode #tabNotes,
.work-detail-view-mode #tabTimeline {
  padding: 24px 16px;
}

.work-detail-view-mode #tabInfo > .text-lg,
.work-detail-view-mode #tabNotes > .text-lg {
  color: #0065FF !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}

.work-detail-readonly-grid {
  border-bottom: 1px solid #D9D9D9;
  border-top: 1px dashed #D9D9D9;
  display: grid;
  gap: 18px 44px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 18px;
  padding: 24px 0 14px;
}

.work-detail-readonly-field {
  border-bottom: 1px solid #BDBDBD;
  min-height: 46px;
  padding: 0 12px 10px;
}

.work-detail-readonly-field--full {
  grid-column: 1 / -1;
}

.work-detail-readonly-label {
  color: #1A1A1A;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
}

.work-detail-readonly-value {
  color: #1A1A1A;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.45;
  margin-top: 4px;
  min-height: 17px;
}

.work-detail-view-mode #tabInfo .d360-work-detail-file-upload {
  margin-top: 14px !important;
}

.work-detail-view-mode #btnPickFile,
.work-detail-view-mode #fileStatus {
  display: none !important;
}

.work-detail-note-card {
  background: #FFFFFF;
  border: 1px solid #EEEEEE;
  border-radius: 0;
  padding: 14px 16px;
}

.work-detail-note-card__header {
  align-items: center;
  display: flex;
  gap: 16px;
  justify-content: space-between;
}

.work-detail-note-card__title,
.work-detail-note-card__meta {
  color: #0065FF;
  font-size: 12px;
  font-weight: 700;
}

.work-detail-note-card__body {
  color: #1A1A1A;
  font-size: 12px;
  line-height: 1.5;
  margin-top: 18px;
}

@media (max-width: 900px) {
  .work-detail-readonly-grid {
    grid-template-columns: 1fr;
  }
}

.d360-event-upload {
  align-items: center;
  background: #DEEBFF;
  border: 0;
  border-radius: 0;
  gap: 10px;
  justify-content: center;
  margin-top: 24px !important;
  min-height: 144px;
  max-width: none;
  padding: 24px 16px;
  width: 100%;
}

.d360-event-upload.dragover {
  outline: 1px dashed #0065FF;
  outline-offset: -6px;
}

.d360-event-upload .d360-file-upload-preview {
  align-items: center;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
}

.d360-event-upload .d360-file-upload-icon {
  background: var(--d360-white);
  color: #185BC8;
  height: 32px;
  width: 32px;
}

.d360-event-upload .d360-file-upload-icon .material-symbols-rounded {
  font-size: 18px;
}

.d360-event-upload .d360-file-upload-info {
  text-align: center;
}

.d360-event-upload .d360-file-upload-name {
  color: var(--d360-black-700);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.25;
}

.d360-event-upload .d360-file-upload-meta {
  font-size: 9px;
}

.d360-event-upload .d360-file-upload-remove {
  display: none;
}

.d360-event-upload .d360-file-upload-button {
  background: var(--d360-white);
  border-color: #0065FF;
  border-radius: 8px;
  color: #0065FF;
  font-size: 12px;
  font-weight: 400;
  height: 32px;
  max-width: 100%;
  min-width: 160px;
  width: auto;
}

.d360-event-upload .d360-file-upload-button:hover {
  background: #0065FF;
  color: var(--d360-white);
}

.d360-event-upload > img {
  display: none !important;
}

.d360-event-upload-help {
  flex-direction: row;
  gap: 4px;
  margin-top: 4px !important;
}

.d360-event-image-preview {
  border: 1px solid var(--d360-black-300);
  border-radius: 8px;
  margin-top: 12px;
  max-width: 360px;
  overflow: hidden;
  width: min(100%, 360px);
}

.d360-event-image-preview--below-upload,
.d360-event-image-preview--below-help {
  display: block;
  margin-top: 12px;
}

.d360-event-image-preview--below-upload.hidden,
.d360-event-image-preview--below-help.hidden {
  display: none;
}

.d360-event-image-preview img {
  display: block;
  height: auto;
  max-height: 220px;
  object-fit: contain;
  width: 100%;
}

.d360-month-calendar {
  background: var(--d360-white);
}

.d360-events-calendar-toggle {
  transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}

.d360-events-calendar-toggle:hover,
.d360-events-calendar-toggle:focus-visible {
  background: #0065FF !important;
  border-color: #0065FF !important;
  color: #FFFFFF !important;
}

.d360-events-calendar-toggle:hover .material-symbols-rounded,
.d360-events-calendar-toggle:focus-visible .material-symbols-rounded {
  color: #FFFFFF !important;
}

.d360-month-calendar-title {
  color: #1A1A1A;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 17px;
}

.d360-month-calendar-weekdays,
.d360-month-calendar-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.d360-month-calendar-weekdays {
  border-left: 1px solid #E2E2E2;
  border-top: 1px solid #E2E2E2;
  color: #4B5563;
  font-size: 9px;
  font-weight: 500;
}

.d360-month-calendar-weekdays > div {
  border-bottom: 1px solid #E2E2E2;
  border-right: 1px solid #E2E2E2;
  min-height: 28px;
  padding: 8px 7px;
}

.d360-month-calendar-grid {
  border-left: 1px solid #E2E2E2;
}

.d360-month-calendar-cell {
  background: var(--d360-white);
  border-bottom: 1px solid #E2E2E2;
  border-right: 1px solid #E2E2E2;
  min-height: 99px;
  padding: 7px;
}

.d360-month-calendar-cell.is-muted {
  color: #AFAFAF;
}

.d360-month-calendar-day {
  color: inherit;
  font-size: 9px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 7px;
}

.d360-month-calendar-event {
  background: #DEEBFF;
  border: 0;
  border-radius: 4px !important;
  color: #0052CC;
  display: block;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.25;
  margin-bottom: 4px;
  max-width: 100%;
  overflow: hidden;
  padding: 5px 7px;
  text-align: left;
  white-space: normal;
  word-break: break-word;
}

.d360-month-calendar-event:hover,
.d360-month-calendar-event:focus-visible {
  background: #DEEBFF;
  color: #0052CC;
}

.d360-month-calendar-more {
  color: #6B7280;
  font-size: 7px;
  margin-top: 3px;
}

.work-calendar-detail-popup {
  background: #FFFFFF;
  border: 1px solid #E5E7EB;
  border-radius: 0;
  box-shadow: 0 18px 48px rgba(15, 23, 42, 0.12);
  max-height: calc(100vh - 48px);
  min-height: 650px;
  overflow: auto;
  width: 430px;
}

.work-calendar-detail-popup__inner {
  padding: 24px 24px 20px;
}

.work-calendar-detail-popup__close {
  align-items: center;
  appearance: none;
  background: transparent;
  border: 0;
  color: #6B7280;
  display: inline-flex;
  height: 22px;
  justify-content: center;
  padding: 0;
  position: absolute;
  right: 12px;
  top: 12px;
  width: 22px;
}

.work-calendar-detail-popup__close:hover,
.work-calendar-detail-popup__close:focus-visible {
  background: transparent;
  color: #0065FF;
  outline: none;
}

.work-calendar-detail-popup__close .material-symbols-rounded {
  font-size: 16px;
}

.work-calendar-detail-popup__title,
.work-calendar-detail-popup__file-title {
  color: #0065FF;
  font-weight: 700;
  line-height: 1.3;
}

.work-calendar-detail-popup__title {
  font-size: 20px;
}

.work-calendar-detail-popup__file-title {
  font-size: 12px;
}

.work-calendar-detail-popup__title {
  border-bottom: 1px dashed #D9D9D9;
  padding-bottom: 18px;
}

.work-calendar-detail-popup__fields {
  display: grid;
  gap: 0;
}

.work-calendar-detail-popup__field {
  border-bottom: 1px solid #D9D9D9;
  padding: 14px 0 10px;
}

.work-calendar-detail-popup__label {
  color: #1A1A1A;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.35;
}

.work-calendar-detail-popup__value {
  color: #1A1A1A;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.45;
  margin-top: 4px;
}

.work-calendar-detail-popup__desc {
  font-size: 14px;
  min-height: 34px;
}

.work-calendar-detail-popup__file-title {
  margin-top: 18px;
}

.work-calendar-detail-popup__files {
  margin-top: 12px;
}

.work-calendar-detail-popup__empty-file {
  color: #6B7280;
  font-size: 11px;
  margin-top: 6px;
}

.work-calendar-detail-popup__detail-btn {
  align-items: center;
  background: #0065FF;
  border-radius: 8px;
  color: #FFFFFF;
  display: flex;
  font-size: 10px;
  font-weight: 700;
  height: 40px;
  justify-content: center;
  margin-top: 16px;
  text-decoration: none;
  width: 100%;
}

.work-calendar-detail-popup__detail-btn:hover,
.work-calendar-detail-popup__detail-btn:focus-visible {
  background: #0052CC;
  color: #FFFFFF;
}

.d360-yok-import-btn {
  align-items: center;
  background: #F3EDFF;
  border: 1px solid #8B5CF6;
  border-radius: 8px;
  color: #8B5CF6;
  display: inline-flex;
  font-size: 14px;
  font-weight: 700;
  gap: 10px;
  height: 40px;
  justify-content: center;
  padding: 0 18px;
  transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}

.d360-yok-import-btn .material-symbols-rounded {
  font-size: 18px;
}

.d360-yok-import-btn:hover,
.d360-yok-import-btn:focus-visible {
  background: #EDE3FF;
  border-color: #7C3AED;
  color: #7C3AED;
  outline: none;
}

.d360-yok-import-btn:disabled {
  cursor: wait;
  opacity: .72;
}

.d360-yok-modal-overlay {
  background: rgba(15, 23, 42, .32);
  backdrop-filter: blur(1px);
}

.d360-yok-modal {
  background: #FFFFFF;
  border: 1px solid #D7E2F3;
  border-radius: 8px;
  box-shadow: 0 24px 70px rgba(15, 23, 42, .18);
  display: flex;
  flex-direction: column;
  max-height: min(760px, calc(100vh - 48px));
  max-width: 1120px;
  overflow: hidden;
}

.d360-yok-modal__header {
  align-items: center;
  border-bottom: 1px solid #E5E7EB;
  display: flex;
  justify-content: space-between;
  min-height: 72px;
  padding: 18px 22px;
}

.d360-yok-modal__title {
  color: #185BC8;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.25;
}

.d360-yok-modal__subtitle {
  color: #6B7280;
  font-size: 12px;
  line-height: 1.4;
  margin-top: 4px;
}

.d360-yok-modal__close {
  align-items: center;
  background: transparent;
  border: 0;
  color: #6B7280;
  display: inline-flex;
  height: 32px;
  justify-content: center;
  width: 32px;
}

.d360-yok-modal__close:hover,
.d360-yok-modal__close:focus-visible {
  color: #0065FF;
  outline: none;
}

.d360-yok-modal__body {
  flex: 1;
  min-height: 420px;
  overflow: auto;
  padding: 18px 22px;
}

.d360-yok-modal__footer {
  align-items: center;
  border-top: 1px solid #E5E7EB;
  display: flex;
  gap: 16px;
  justify-content: flex-end;
  min-height: 72px;
  padding: 16px 22px;
}

.d360-yok-modal__actions {
  align-items: center;
  display: flex;
  gap: 10px;
}

.d360-yok-state {
  align-items: center;
  color: #6B7280;
  display: flex;
  flex-direction: column;
  font-size: 14px;
  gap: 12px;
  justify-content: center;
  min-height: 360px;
  text-align: center;
}

.d360-yok-state .material-symbols-rounded {
  color: #0065FF;
  font-size: 34px;
}

.d360-yok-state--error .material-symbols-rounded {
  color: #F03000;
}

.d360-spin {
  animation: d360-spin 1s linear infinite;
}

@keyframes d360-spin {
  to {
    transform: rotate(360deg);
  }
}

.d360-yok-table-wrap {
  border: 1px solid #E5E7EB;
  border-radius: 8px;
  overflow: auto;
}

.d360-yok-table {
  border-collapse: collapse;
  font-size: 12px;
  min-width: 860px;
  table-layout: fixed;
  width: 100%;
}

.d360-yok-table th,
.d360-yok-table td {
  border-bottom: 1px solid #EEF2F7;
  color: #1F2937;
  height: 44px;
  padding: 0 12px;
  vertical-align: middle;
}

.d360-yok-table th {
  background: #F2F2F2;
  color: #0065FF;
  font-weight: 700;
  position: sticky;
  text-align: left;
  top: 0;
  z-index: 1;
}

.d360-yok-table th.is-filtered {
  background: #DEEBFF;
}

.d360-yok-check-cell {
  text-align: center;
  width: 46px;
}

.d360-yok-name {
  max-width: 420px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.d360-yok-filter-btn {
  align-items: center;
  background: transparent;
  border: 0;
  color: inherit;
  display: inline-flex;
  height: 24px;
  justify-content: center;
  margin-left: 6px;
  vertical-align: middle;
  width: 24px;
}

.d360-yok-filter-btn .material-symbols-rounded {
  font-size: 18px;
}

.d360-yok-pagination {
  padding-top: 16px;
}

.d360-yok-pagination:not(.d360-table-pagination) button {
  border: 1px solid #0065FF;
  border-radius: 8px;
  color: #0065FF;
  font-size: 12px;
  height: 32px;
  min-width: 82px;
}

.d360-yok-pagination:not(.d360-table-pagination) button:disabled {
  border-color: #D1D5DB;
  color: #9CA3AF;
  cursor: not-allowed;
}

.d360-yok-pagination:not(.d360-table-pagination) span {
  color: #1F2937;
  font-size: 12px;
  font-weight: 700;
  min-width: 28px;
  text-align: center;
}

.d360-yok-pagination.d360-table-pagination {
  margin-top: 16px !important;
}

.d360-yok-filter-popover {
  background: #FFFFFF;
  border: 1px solid #D7E2F3;
  border-radius: 8px;
  box-shadow: 0 14px 38px rgba(15, 23, 42, .18);
  padding: 12px;
  position: fixed;
  width: 240px;
  z-index: 80;
}

.d360-yok-filter-popover label {
  color: #1F2937;
  display: block;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 8px;
}

.d360-yok-filter-popover input {
  border: 1px solid #D1D5DB;
  border-radius: 8px;
  font-size: 12px;
  height: 34px;
  outline: none;
  padding: 0 10px;
  width: 100%;
}

.d360-yok-filter-popover input:focus {
  border-color: #0065FF;
}

.d360-yok-filter-popover div {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  margin-top: 10px;
}

.d360-yok-filter-popover button {
  border: 1px solid #0065FF;
  border-radius: 8px;
  color: #0065FF;
  font-size: 12px;
  height: 30px;
  padding: 0 10px;
}

.d360-yok-filter-popover button[data-yok-filter-apply] {
  background: #0065FF;
  color: #FFFFFF;
}

#btnCalendarClose.d360-form-action-button--primary {
  background: #0065FF !important;
  border-color: #0065FF !important;
  color: #FFFFFF !important;
}

#btnCalendarClose.d360-form-action-button--primary:hover,
#btnCalendarClose.d360-form-action-button--primary:focus-visible {
  background: #0052CC !important;
  border-color: #0052CC !important;
  color: #FFFFFF !important;
}

@media (max-width: 900px) {
  .d360-month-calendar {
    overflow-x: auto;
  }

  .d360-month-calendar-weekdays,
  .d360-month-calendar-grid {
    min-width: 532px;
  }
}

.d360-sms-template-page {
  background: var(--d360-white);
  padding: 12px 14px 0 !important;
}

.d360-sms-template-page > .grid {
  gap: 24px !important;
  grid-template-columns: minmax(0, 1fr) 300px;
}

.d360-sms-template-card {
  background: var(--d360-white);
  border: 1px solid var(--d360-black-200);
  border-radius: 6px;
  box-shadow: none;
}

.d360-sms-template-title {
  color: var(--d360-blue-700);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  padding: 18px 22px 12px;
}

.d360-sms-template-body {
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding: 0 22px 28px;
}

.d360-sms-template-field {
  align-items: center;
  border: 1px solid var(--d360-black-400);
  border-radius: 8px;
  display: flex;
  height: 44px;
  margin: 0;
  min-width: 0;
  padding: 0 10px;
}

.d360-sms-template-field legend {
  color: var(--d360-black-950);
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  max-width: none;
  padding: 0 4px;
  white-space: nowrap;
}

.d360-sms-template-field input {
  border: 0;
  color: var(--d360-black-900);
  flex: 1 1 auto;
  font-size: 12px;
  height: 28px;
  min-width: 0;
  outline: 0;
  padding: 0;
  width: 100%;
}

.d360-sms-template-field input::placeholder,
.d360-sms-template-editor textarea::placeholder {
  color: var(--d360-black-400);
}

.d360-sms-template-label {
  color: var(--d360-black-950);
  display: block;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 8px;
}

.d360-sms-template-editor {
  background: var(--d360-white) !important;
  border: 1px solid var(--d360-black-200) !important;
  border-radius: 8px !important;
  min-height: 390px;
}

.d360-sms-template-editor .ql-container.ql-snow {
  min-height: 330px;
}

.d360-sms-template-editor .ql-editor {
  min-height: 330px;
}

.d360-mail-template-fallback-editor {
  min-height: 330px;
  outline: none;
  padding: 12px;
}

.d360-sms-template-char {
  color: var(--d360-black-500);
  font-size: 11px;
  margin-top: 6px;
  text-align: right;
  display: none;
}

.d360-sms-template-side {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.d360-sms-template-side-card {
  padding-bottom: 16px;
}

.d360-sms-template-switch {
  align-items: center;
  background: var(--d360-black-200);
  border: 0;
  border-radius: 9999px;
  display: inline-flex;
  height: 18px;
  margin-left: 22px;
  padding: 0;
  position: relative;
  width: 34px;
}

.d360-sms-template-switch.bg-emerald-500 {
  background: #10B981;
}

.d360-sms-template-switch.bg-gray-300 {
  background: var(--d360-black-200);
}

.d360-sms-template-switch-knob {
  background: var(--d360-white);
  border-radius: 9999px;
  box-shadow: 0 1px 2px rgb(0 0 0 / 0.16);
  display: inline-block;
  height: 14px;
  transition: transform 160ms ease;
  width: 14px;
}

.d360-sms-template-switch-knob.translate-x-6 {
  transform: translateX(18px);
}

.d360-sms-template-switch-knob.translate-x-1 {
  transform: translateX(2px);
}

.d360-sms-template-radios {
  display: flex;
  flex-direction: column;
  gap: 17px;
  padding: 2px 22px 0;
}

.d360-sms-template-radios label {
  align-items: center;
  color: var(--d360-black-700);
  display: flex;
  font-size: 13px;
  gap: 9px;
}

.d360-sms-template-radios input {
  height: 14px;
  width: 14px;
}

.d360-sms-template-param-field {
  align-items: center;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 32px 32px;
  padding: 14px 14px 0;
  width: 100%;
}

.d360-sms-template-param-control {
  align-items: center;
  background: var(--d360-white);
  border: 1px solid var(--d360-black-300);
  border-right: 0;
  border-radius: 5px 0 0 5px;
  display: flex;
  height: 34px;
  min-height: 34px !important;
  min-width: 0;
  overflow: visible;
  position: relative;
  padding: 0 8px !important;
  padding-block: 0 !important;
  width: 100%;
}

.d360-sms-template-param-control input {
  background: transparent;
  border: 0;
  font-size: 11px;
  height: 20px;
  min-height: 20px !important;
  min-width: 0;
  outline: 0;
  padding: 0;
  padding-top: 0;
  width: 100%;
}

.d360-sms-template-param-legend {
  background: var(--d360-white);
  color: var(--d360-black-950);
  font-size: 12px !important;
  font-weight: 600;
  left: 12px;
  line-height: 1 !important;
  padding: 0 4px;
  position: absolute;
  top: -7px;
  white-space: nowrap;
}

.d360-sms-template-param-action {
  align-items: center;
  background: var(--d360-black-100);
  border: 1px solid var(--d360-black-300);
  border-left: 0;
  border-radius: 0 !important;
  color: var(--d360-green-300);
  display: inline-flex;
  height: 34px;
  justify-content: center;
  margin: 0;
  padding: 0;
  width: 32px;
}

.d360-sms-template-param-action.is-delete {
  background: var(--d360-white);
  border-radius: 0 5px 5px 0 !important;
  color: var(--d360-red-300);
}

.d360-sms-template-param-action .material-symbols-rounded {
  color: currentColor;
  font-size: 17px;
  line-height: 1;
}

.d360-sms-template-param-button {
  align-items: center;
  background: var(--d360-white);
  border: 1px solid var(--d360-blue-700);
  border-radius: 6px;
  color: var(--d360-blue-700);
  display: flex;
  font-size: 11px;
  font-weight: 500;
  gap: 6px;
  height: 29px;
  justify-content: center;
  margin: 12px 14px 0;
  width: calc(100% - 28px);
}

.d360-sms-template-param-button .material-symbols-rounded {
  color: currentColor;
  font-size: 15px;
  line-height: 1;
}

.d360-sms-template-param-list {
  padding: 10px 14px 0;
}

.d360-sms-template-param-list:empty {
  display: none;
}

.d360-sms-template-help {
  background: #FFFAE6;
  color: var(--d360-yellow-400);
  font-size: 11px;
  line-height: 1.6;
  margin: 14px 14px 0;
  padding: 10px 8px;
}

.d360-sms-template-help > div + div {
  margin-top: 12px;
}

.d360-sms-template-actions {
  display: flex;
  gap: 14px;
  justify-content: flex-end;
  margin-top: 42px;
}

.d360-sms-template-cancel,
.d360-sms-template-save {
  border-radius: var(--d360-button-radius, 8px);
  font-size: 14px;
  font-weight: 500;
  height: 40px;
  min-width: 93px;
  padding: 0 16px;
}

.d360-sms-template-cancel {
  background: var(--d360-white);
  border: 1px solid var(--d360-red-300);
  color: var(--d360-red-300);
}

.d360-sms-template-save {
  background: #0065FF !important;
  border: 1px solid #0065FF !important;
  color: #FFFFFF !important;
}

.d360-sms-template-save:hover,
.d360-sms-template-save:focus-visible {
  background: #0052CC !important;
  border-color: #0052CC !important;
  color: #FFFFFF !important;
}

.d360-sms-template-save:disabled {
  cursor: not-allowed;
  opacity: 0.7;
}

@media (max-width: 1023px) {
  .d360-sms-template-page > .grid {
    grid-template-columns: 1fr;
  }
}

.d360-message-compose-actions {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  margin-top: 20px;
}

@media (max-width: 640px) {
  .d360-message-compose-actions {
    justify-content: stretch;
  }

  .d360-message-compose-actions > button {
    flex: 1 1 0;
  }
}

      #smsWrapper {
      border-radius: 12px;
      padding: 16px;
      background: #ffffff;
      border: 1px solid #e5e7eb;
    }

    .d360-colorwrap {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      user-select: none;
    }

    .d360-colorwrap input[type="color"] {
      width: 34px;
      height: 28px;
      border: 1px solid #d1d5db;
      border-radius: 8px;
      padding: 0;
      background: transparent;
      cursor: pointer;
    }

        .dropzone.dragover {
      outline: 2px dashed #2563eb;
      outline-offset: 4px;
      background: #eff6ff;
    }

/* OTP settings toggle */
.otp-toggle-input {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}

.otp-toggle-track {
    position: relative;
    display: inline-flex;
    width: 36px;
    height: 20px;
    flex-shrink: 0;
    border-radius: 9999px;
    background: #d1d5db;
    transition: background-color 160ms ease;
}

.otp-toggle-track[data-enabled="true"] {
    background: #4ade80;
}

.otp-toggle-knob {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 16px;
    height: 16px;
    border-radius: 9999px;
    background: #fff;
    box-shadow: 0 1px 2px rgb(0 0 0 / 0.18);
    transition: transform 160ms ease;
}

.otp-toggle-knob[data-enabled="true"] {
    transform: translateX(16px);
}

/* Global button radius */
:root {
  --d360-button-radius: 8px;
}

button,
input[type="button"],
input[type="submit"],
input[type="reset"],
[role="button"],
.btn,
a[class*="d360-btn"],
a.inline-flex {
  border-radius: var(--d360-button-radius) !important;
}

button.rounded-full,
[role="button"].rounded-full,
.rounded-full,
.d360-avatar,
.d360-file-upload-icon {
  border-radius: 9999px !important;
}

.d360-report-action-btn .material-symbols-rounded {
  color: inherit;
  font-size: 20px;
  line-height: 1;
}

.d360-btn-bluelt:hover .material-symbols-rounded,
.d360-btn-bluelt:focus-visible .material-symbols-rounded,
.ui-btn.ui-btn-export:hover .material-symbols-rounded,
.ui-btn.ui-btn-export:focus-visible .material-symbols-rounded,
.d360-report-action-btn:hover .material-symbols-rounded,
.d360-report-action-btn:focus-visible .material-symbols-rounded,
.crm-table-actions .crm-table-tool-columns:hover .material-symbols-rounded,
.crm-table-actions .crm-table-tool-columns:focus-visible .material-symbols-rounded,
.crm-table-actions .crm-table-tool-search[aria-expanded="true"] .material-symbols-rounded,
.crm-table-actions [data-d360-columns-button]:hover .material-symbols-rounded,
.crm-table-actions [data-d360-columns-button]:focus-visible .material-symbols-rounded,
.crm-table-actions [data-d360-search-focus][aria-expanded="true"] .material-symbols-rounded {
  color: #FFFFFF !important;
}

.d360-report-action-btn[aria-expanded="true"] .material-symbols-rounded:last-child {
  transform: rotate(180deg);
}

.d360-report-select {
  position: relative;
  width: 250px;
}

.d360-report-select__button {
  align-items: center;
  background: #fff;
  border: 1px solid #c8cdd4;
  border-radius: 8px !important;
  color: #0065FF;
  display: flex;
  font-size: 12px;
  font-weight: 400;
  height: 40px;
  justify-content: space-between;
  line-height: 1.2;
  padding: 0 12px;
  width: 100%;
}

.d360-report-select__button .material-symbols-rounded {
  color: #111827;
  font-size: 20px;
  line-height: 1;
}

.d360-report-select__button[aria-expanded="true"] .material-symbols-rounded {
  transform: rotate(180deg);
}

.d360-report-select__menu {
  background: #fff;
  left: 0;
  max-height: calc(100vh - 190px);
  overflow-y: auto;
  padding: 6px 0 14px;
  position: absolute;
  top: calc(100% + 2px);
  width: 100%;
  z-index: 60;
}

.d360-report-select__option {
  background: #fff;
  border: 0;
  border-radius: 0 !important;
  color: #242424;
  display: block;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.25;
  min-height: 32px;
  padding: 8px 12px;
  text-align: left;
  width: 100%;
}

.d360-report-select__option:hover,
.d360-report-select__option:focus-visible,
.d360-report-select__option.is-active {
  background: #f5f8ff;
  color: #0065ff;
}

#colVisPanel #reportColumnSectionSelect {
  border-radius: 2px !important;
  color: #374151;
  font-size: 11px;
  height: 24px;
}

#colVisPanel .d360-report-colvis-section {
  color: #0065FF;
  font-size: 11px;
  font-weight: 700;
  line-height: 18px;
  padding: 0 8px 4px;
}

#colVisPanel .d360-report-colvis-item {
  align-items: center !important;
  border-radius: 0 !important;
  display: flex !important;
  gap: 8px !important;
  min-height: 26px !important;
  padding: 3px 8px !important;
}

#colVisPanel .d360-report-colvis-item span {
  font-size: 11px !important;
}

#colVisPanel .d360-report-colvis-item input[type="checkbox"] {
  height: 12px !important;
  width: 12px !important;
}

.d360-report-person-modal {
  padding: 24px;
}

.d360-report-person-modal__overlay {
  background: rgba(17, 24, 39, 0.08);
  inset: 0;
  position: absolute;
}

.d360-report-person-modal__card {
  background: #FFFFFF;
  border: 1px solid #D1D5DB;
  border-radius: 4px;
  box-shadow: 0 18px 38px rgba(15, 23, 42, 0.12);
  max-width: calc(100vw - 32px);
  overflow: hidden;
  position: relative;
  width: 680px;
}

.d360-report-person-modal__header {
  align-items: center;
  border-bottom: 1px dashed #D1D5DB;
  display: flex;
  height: 46px;
  justify-content: space-between;
  padding: 0 22px;
}

.d360-report-person-modal__header h2 {
  color: #0065FF;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  margin: 0;
}

.d360-report-person-modal__close {
  align-items: center;
  background: #FFFFFF;
  border: 1px solid #9CA3AF;
  border-radius: 9999px !important;
  color: #6B7280;
  display: inline-flex;
  height: 16px;
  justify-content: center;
  padding: 0;
  width: 16px;
}

.d360-report-person-modal__close .material-symbols-rounded {
  font-size: 14px;
  line-height: 1;
}

.d360-report-person-modal__body {
  padding: 20px 24px 26px;
}

.d360-report-person-modal__profile {
  align-items: center;
  display: flex;
  flex-direction: column;
  text-align: center;
}

.d360-report-person-modal__avatar {
  border-radius: 9999px;
  height: 70px;
  position: relative;
  width: 70px;
}

.d360-report-person-modal__avatar img,
.d360-report-person-modal__avatar-fallback {
  border-radius: 9999px;
  height: 70px;
  object-fit: cover;
  overflow: hidden;
  width: 70px;
}

.d360-report-person-modal__avatar-fallback {
  align-items: center;
  background: #F3F4F6;
  color: #9CA3AF;
  display: flex;
  justify-content: center;
}

.d360-report-person-modal__avatar-fallback .material-symbols-rounded {
  font-size: 32px;
}

.d360-report-person-modal__avatar-ok {
  align-items: center;
  background: #36B37E;
  border: 2px solid #FFFFFF;
  border-radius: 9999px;
  bottom: 3px;
  color: #FFFFFF;
  display: inline-flex;
  font-size: 12px !important;
  height: 18px;
  justify-content: center;
  position: absolute;
  right: 1px;
  width: 18px;
}

.d360-report-person-modal__name {
  color: #111827;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.25;
  margin-top: 12px;
}

.d360-report-person-modal__types {
  align-items: center;
  color: #6B7280;
  display: flex;
  flex-wrap: wrap;
  font-size: 12px;
  gap: 8px;
  justify-content: center;
  margin-top: 10px;
}

.d360-report-person-modal__types span {
  align-items: center;
  display: inline-flex;
  gap: 4px;
}

.d360-report-person-modal__types i {
  border-radius: 9999px;
  display: inline-block;
  height: 6px;
  width: 6px;
}

.d360-report-person-modal .is-orange {
  background: #FF8B00;
}

.d360-report-person-modal .is-indigo {
  background: #6554C0;
}

.d360-report-person-modal .is-pink {
  background: #FF2BD6;
}

.d360-report-person-modal .is-purple {
  background: #9B51E0;
}

.d360-report-person-modal .is-gray {
  background: #9CA3AF;
}

.d360-report-person-modal__actions {
  display: flex;
  gap: 16px;
  margin-top: 18px;
}

.d360-report-person-modal__action {
  align-items: center;
  background: #EAF1FF;
  border-radius: 4px !important;
  color: #0065FF;
  display: inline-flex;
  height: 30px;
  justify-content: center;
  width: 30px;
}

.d360-report-person-modal__action .material-symbols-rounded {
  color: currentColor;
  font-size: 17px;
}

.d360-report-person-modal__action.is-disabled {
  opacity: 0.45;
  pointer-events: none;
}

.d360-report-person-modal__tabs {
  border-bottom: 1px solid #0065FF;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 24px;
}

.d360-report-person-modal__tabs button {
  background: transparent;
  border: 0;
  color: #9CA3AF;
  font-size: 13px;
  font-weight: 400;
  height: 30px;
  padding: 0;
}

.d360-report-person-modal__tabs button.is-active {
  color: #0065FF;
}

.d360-report-person-modal__info {
  column-gap: 54px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding-top: 18px;
  row-gap: 13px;
}

.d360-report-person-modal__item {
  align-items: center;
  color: #111827;
  display: grid;
  font-size: 13px;
  gap: 7px;
  grid-template-columns: 18px 98px minmax(0, 1fr);
  min-width: 0;
}

.d360-report-person-modal__item .material-symbols-rounded {
  color: #0065FF;
  font-size: 17px;
}

.d360-report-person-modal__item b {
  font-weight: 700;
}

.d360-report-person-modal__item > span:last-child,
.d360-report-person-modal__status {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.d360-report-person-modal__status {
  align-items: center;
  display: inline-flex;
  gap: 5px;
}

.d360-report-person-modal__status i {
  border-radius: 9999px;
  display: inline-block;
  height: 7px;
  width: 7px;
}

.d360-report-person-modal__status i.is-active {
  background: #0065FF;
}

.d360-report-person-modal__status i.is-passive {
  background: #9CA3AF;
}

@media (max-width: 720px) {
  .d360-report-person-modal__card {
    width: calc(100vw - 24px);
  }

  .d360-report-person-modal__info {
    grid-template-columns: 1fr;
  }
}

.d360-report-export-menu {
  padding: 4px;
}

.d360-report-export-item {
  align-items: center;
  display: grid;
  grid-template-columns: 20px 1fr;
  gap: 10px;
  min-height: 36px;
}

.d360-report-export-icon {
  display: block;
  height: 18px;
  object-fit: contain;
  width: 18px;
}
/* Data import wizard: fixed visual geometry independent of utility CSS generation. */
.data-import-wizard {
  position: relative;
  display: flex;
  min-height: calc(100vh - 74px);
  width: 100%;
  flex-direction: column;
  padding: 16px 24px 64px;
}

.data-import-wizard__stepper-wrap {
  display: flex;
  justify-content: center;
}

.data-import-wizard__stepper {
  width: min(560px, 100%);
  box-sizing: border-box;
  padding: 0 8px;
}

.data-import-wizard__stepper > div {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.data-import-wizard__stepper > div > div:nth-child(odd) {
  display: flex;
  width: 96px;
  flex: 0 0 96px;
  flex-direction: column;
  align-items: center;
}

.data-import-wizard__step-label {
  max-width: 100%;
  text-align: center;
  white-space: nowrap;
}

.data-import-wizard__stepper > div > div:nth-child(even) {
  height: 1px;
  flex: 1 1 auto;
  margin-top: 14px;
}

.data-import-wizard__card {
  width: min(420px, 100%);
  min-height: 218px;
  margin: 118px auto 0;
  overflow: hidden;
  border: 1px solid var(--d360-black-400);
  border-radius: 8px;
  background: #fff;
}

.data-import-wizard__card-header {
  display: flex;
  height: 56px;
  align-items: center;
  padding: 0 24px;
  border-bottom: 1px dashed var(--d360-black-400);
}

.data-import-wizard__card-body {
  padding: 50px 24px 24px;
}

.data-import-wizard__field {
  width: min(340px, 100%);
}

.data-import-wizard__field .d360-fieldset legend {
  white-space: nowrap;
}

.data-import-wizard__field .d360-control:focus,
.data-import-wizard__field .d360-control:focus-visible {
  border-color: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}

.data-import-wizard__card:has(#step2:not(.hidden)) {
  min-height: 330px;
}

.data-import-wizard__card:has(#step2:not(.hidden)) .data-import-wizard__card-body {
  padding-top: 24px;
}

.data-import-wizard__card:has(#step3:not(.hidden)) {
  width: min(1045px, 100%);
  min-height: 0;
  margin-top: 24px;
  overflow: visible;
  border: 0;
  border-radius: 0;
}

.data-import-wizard__card:has(#step3:not(.hidden)) .data-import-wizard__card-header {
  display: none;
}

.data-import-wizard__card:has(#step3:not(.hidden)) .data-import-wizard__card-body {
  padding: 0;
}

.data-import-mapping {
  display: block;
}

.data-import-mapping__headings,
.data-import-mapping__table {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.data-import-mapping__headings {
  column-gap: 8px;
  margin-bottom: 4px;
}

.data-import-mapping__heading {
  height: 33px;
  color: var(--d360-blue-700);
  font-size: 13px;
  font-weight: 600;
  line-height: 33px;
}

.data-import-mapping__table {
  overflow: hidden;
  border: 1px dashed #8AB4FF;
  border-radius: 8px;
}

.data-import-mapping__column + .data-import-mapping__column {
  border-left: 1px dashed #8AB4FF;
}

.data-import-mapping__rows {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.data-import-mapping__source,
.data-import-mapping__target {
  box-sizing: border-box;
  height: 42px;
  border: 0;
  border-bottom: 1px dashed #8AB4FF;
  border-radius: 0;
}

.data-import-mapping__rows > :last-child {
  border-bottom: 0;
}

.data-import-mapping__source {
  display: flex;
  align-items: center;
  padding: 4px;
}

.data-import-mapping__source input {
  width: 100%;
  height: 31px;
  min-width: 0;
  border: 1px solid var(--d360-black-300);
  border-radius: 8px;
  background: var(--d360-white);
  color: var(--d360-black-700);
  font-size: 12px;
  outline: 0;
  padding: 0 8px;
}

.data-import-mapping__target {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 34px;
  align-items: center;
  padding-left: 5px;
}

.data-import-mapping__select {
  width: 100%;
  height: 31px;
  min-width: 0;
  border: 1px solid var(--d360-black-300);
  border-radius: 8px;
  background: var(--d360-white);
  color: var(--d360-black-500);
  font-size: 11px;
  outline: 0;
  padding: 0 6px;
}

.data-import-mapping__status {
  display: block;
  width: 17px;
  height: 17px;
  margin: 0 auto;
  border-radius: 9999px;
}

.data-import-mapping__status.bg-gray-200 {
  background: var(--d360-black-200);
}

.data-import-wizard__card:has(#step4:not(.hidden)) {
  width: min(420px, 100%);
  min-height: 190px;
  margin-top: 66px;
}

.data-import-wizard__card:has(#step4:not(.hidden)) .data-import-wizard__card-body {
  padding: 22px 24px;
}

.data-import-complete {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

.data-import-complete__row {
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: 11px;
  line-height: 1.35;
}

.data-import-complete__row .material-symbols-rounded {
  color: currentColor;
  font-size: 18px;
  line-height: 1;
}

.data-import-complete__row--success {
  color: var(--d360-green-300);
}

.data-import-complete__row--error {
  color: var(--d360-red-300);
}

@media (max-width: 640px) {
  .data-import-wizard__card:has(#step3:not(.hidden)) {
    width: 100%;
  }

  .data-import-mapping__headings,
  .data-import-mapping__table {
    grid-template-columns: 1fr;
  }

  .data-import-mapping__column + .data-import-mapping__column {
    border-left: 0;
    border-top: 1px dashed #8AB4FF;
  }
}

@media (max-width: 420px) {
  .data-import-wizard__stepper > div > div:nth-child(odd) {
    flex-basis: 78px;
    width: 78px;
  }

  .data-import-wizard__step-label {
    font-size: 9px;
  }
}

.data-import-upload {
  display: grid;
  place-items: center;
}

.data-import-upload.hidden {
  display: none;
}

.data-import-upload__dropzone {
  display: flex;
  width: min(300px, 100%);
  min-height: 180px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px 24px;
  border: 1px dashed var(--d360-black-300);
  border-radius: 6px;
  text-align: center;
}

.data-import-upload__upload-icon {
  color: var(--d360-blue-700);
  font-size: 30px;
  line-height: 1;
}

.data-import-upload__title {
  margin-top: 16px;
  color: var(--d360-black-800);
  font-size: 13px;
  font-weight: 600;
}

.data-import-upload__title button {
  border: 0;
  border-radius: 0 !important;
  color: var(--d360-blue-700);
  font: inherit;
  padding: 0;
  text-decoration: underline;
}

.data-import-upload__help {
  margin-top: 10px;
  color: var(--d360-black-500);
  font-size: 10px;
  line-height: 1.35;
}

.data-import-upload__button,
.data-import-upload__remove {
  width: 100%;
  height: 28px;
  margin-top: 16px;
  border-radius: 5px !important;
  font-size: 11px;
  font-weight: 600;
}

.data-import-upload__button {
  border: 1px solid var(--d360-blue-700);
  background: var(--d360-blue-700);
  color: var(--d360-white);
}

.data-import-upload__button:hover {
  background: var(--d360-blue-800);
  border-color: var(--d360-blue-800);
}

.data-import-upload__dropzone--filled {
  min-height: 166px;
}

.data-import-upload__excel-icon {
  display: grid;
  width: 28px;
  height: 32px;
  place-items: center;
  background: #1D9A54;
  color: var(--d360-white);
  font-size: 17px;
  font-weight: 700;
  line-height: 1;
}

.data-import-upload__remove {
  border: 1px solid var(--d360-red-300);
  background: var(--d360-white);
  color: var(--d360-red-300);
}

.data-import-upload__remove:hover {
  background: var(--d360-red-100);
}

.data-import-wizard__actions {
  position: absolute;
  right: 24px;
  bottom: 40px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
}

.person-messages-card {
  min-height: 620px;
  border: 0;
  border-radius: 0;
  background: var(--d360-white);
  padding: 0;
  overflow: visible;
}

.person-messages-card__title {
  padding: 0 40px 16px;
  color: var(--d360-blue-700);
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.person-messages-card__divider {
  border-top: 1px dashed #AFAFAF;
}

.person-messages-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 28px 8px 12px;
  border-top: 0;
}

.person-messages-page-size {
  flex: 0 0 auto;
}

.person-messages-toolbar__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
}

.person-messages-toolbar__actions .d360-table-search {
  gap: 10px;
  transition: width .15s ease;
}

.person-messages-toolbar__actions .d360-table-search input {
  width: 170px !important;
  transition: opacity .15s ease, width .15s ease, padding .15s ease, border-color .15s ease;
}

.person-messages-toolbar__actions .d360-table-search:not(.is-open) {
  width: 40px !important;
}

.person-messages-toolbar__actions .d360-table-search:not(.is-open) input {
  border-color: transparent !important;
  opacity: 0;
  padding-left: 0 !important;
  padding-right: 0 !important;
  pointer-events: none;
  width: 40px !important;
}

.person-messages-table-wrap {
  padding: 0 8px;
  overflow-x: auto;
}

.person-messages-table {
  width: 100%;
  min-width: 820px;
  border-collapse: collapse;
  color: var(--d360-black-700);
  font-size: 11px;
}

.person-messages-table thead {
  background: var(--d360-black-100);
  color: var(--d360-blue-700);
}

.person-messages-table th,
.person-messages-table td {
  height: 46px;
  border-bottom: 1px dashed #AFAFAF;
  padding: 0 16px;
  text-align: left;
  vertical-align: middle;
}

.person-messages-table th {
  font-weight: 600;
}

.person-messages-table th:first-child {
  border-top-left-radius: 6px;
}

.person-messages-table th:last-child {
  border-top-right-radius: 6px;
  text-align: left;
}

.person-messages-table__check {
  width: 36px;
}

.person-messages-table input[type="checkbox"] {
  width: 14px;
  height: 14px;
  border: 1px solid var(--d360-black-300);
  border-radius: 2px;
}

.person-messages-header-cell {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.person-messages-header-cell .material-symbols-rounded {
  color: var(--d360-black-400);
  font-size: 18px;
  line-height: 1;
}

.person-messages-row-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.person-messages-row-actions button {
  display: inline-grid;
  width: 20px;
  height: 20px;
  place-items: center;
  border: 0;
  border-radius: 6px;
  background: transparent;
  padding: 0;
}

.person-messages-row-actions button:first-child {
  background: #EEF6FF;
  color: var(--d360-blue-700);
}

.person-messages-row-actions button:last-child {
  background: #FFF1EB;
  color: #FF2D0D;
}

.person-messages-row-actions .material-symbols-rounded {
  color: currentColor;
  font-size: 15px;
  line-height: 1;
}

.d360-dt .btnView,
.d360-dt .btnDel,
.d360-dt .btnDelPerm,
.d360-dt .btnDelCat,
.d360-dt a.btnView,
.person-messages-row-actions button {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: #F4F4F4 !important;
  display: inline-grid !important;
  place-items: center !important;
}

.d360-dt .btnView,
.d360-dt a.btnView,
.person-messages-row-actions button:first-child {
  color: #0065FF !important;
}

.d360-dt .btnDel,
.d360-dt .btnDelPerm,
.d360-dt .btnDelCat,
.person-messages-row-actions button:last-child {
  color: #FF2D0D !important;
}

.d360-dt .btnView:hover,
.d360-dt .btnView:focus-visible,
.d360-dt a.btnView:hover,
.d360-dt a.btnView:focus-visible,
.d360-dt .btnDel:hover,
.d360-dt .btnDel:focus-visible,
.d360-dt .btnDelPerm:hover,
.d360-dt .btnDelPerm:focus-visible,
.d360-dt .btnDelCat:hover,
.d360-dt .btnDelCat:focus-visible,
.person-messages-row-actions button:hover,
.person-messages-row-actions button:focus-visible {
  background: #ECECEC !important;
}

.d360-dt .btnView .material-symbols-rounded,
.d360-dt a.btnView .material-symbols-rounded,
.d360-dt .btnDel .material-symbols-rounded,
.d360-dt .btnDelPerm .material-symbols-rounded,
.d360-dt .btnDelCat .material-symbols-rounded,
.person-messages-row-actions .material-symbols-rounded {
  color: currentColor !important;
  font-size: 16px !important;
  line-height: 1 !important;
}

.topTab[data-tab="zaman"] {
  background: #FFE6FE !important;
  color: #FF2FF7 !important;
}

.topTab {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  line-height: 1;
}

.topTab .material-symbols-rounded {
  flex: 0 0 auto;
  line-height: 1;
}

.person-timeline-card {
  width: 100%;
  min-height: 650px;
  border: 1px solid #AFAFAF;
  border-radius: 6px;
  background: var(--d360-white);
  padding: 18px 0 32px;
}

.work-timeline-card {
  width: 100%;
  min-height: 520px;
  border: 1px solid #E5E7EB;
  border-radius: 8px;
  background: #FFFFFF;
  padding: 18px 0 28px;
}

.work-timeline-card .person-timeline-date-heading,
.work-timeline-card .person-timeline-item__title,
.work-timeline-card .person-timeline-item__desc,
.work-timeline-card .person-timeline-status,
.work-timeline-card .person-timeline-item__side button,
.work-timeline-card .person-timeline-field legend,
.work-timeline-card .person-timeline-field select,
.work-timeline-card .person-timeline-field input,
.work-timeline-card .person-timeline-search input,
.work-timeline-card .person-timeline-segments button {
  font-size: 14px !important;
}

.work-timeline-card .person-timeline-item__meta,
.work-timeline-card .person-timeline-item__meta span {
  font-size: 14px !important;
}

.work-timeline-card .person-timeline-item__meta .material-symbols-rounded,
.work-timeline-card .person-timeline-segments .material-symbols-rounded,
.work-timeline-card .person-timeline-item__side .material-symbols-rounded {
  font-size: 16px !important;
}

.work-timeline-card .person-timeline-filters {
  grid-template-columns: minmax(220px, 1fr) minmax(220px, 1fr) minmax(260px, 1.4fr);
  padding: 18px 20px 0;
}

.work-timeline-card .person-timeline-segments {
  grid-template-columns: repeat(6, 1fr);
  margin: 20px 20px 0;
}

.work-timeline-card .person-timeline-date-heading {
  margin: 32px 24px 0;
}

.work-timeline-card .person-timeline-list {
  margin: 26px 24px 0;
}

.work-timeline-card .person-timeline-item {
  grid-template-columns: 12px 1fr 120px;
}

.work-timeline-segments button:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

.work-timeline-drawer-overlay {
  background: rgba(17, 24, 39, 0.18);
  inset: 0;
  position: fixed;
  z-index: 210;
}

.work-timeline-drawer {
  background: #FFFFFF;
  box-shadow: -16px 0 30px rgba(15, 23, 42, 0.12);
  height: 100vh;
  padding: 18px 16px;
  position: fixed;
  right: 0;
  top: 0;
  width: min(360px, 92vw);
  z-index: 211;
}

.work-timeline-drawer__header {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

.work-timeline-drawer__title {
  color: #1A1A1A;
  font-size: 14px;
  font-weight: 700;
}

.work-timeline-drawer__code {
  color: #6B7280;
  font-size: 11px;
  margin-top: 4px;
}

.work-timeline-drawer__close {
  align-items: center;
  appearance: none;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none;
  color: #1A1A1A;
  display: inline-flex;
  height: 24px;
  justify-content: center;
  margin-right: -6px;
  padding: 0;
  width: 24px;
}

.work-timeline-drawer__close:hover,
.work-timeline-drawer__close:active,
.work-timeline-drawer__close:focus-visible {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none;
  color: #1A1A1A;
  outline: none;
}

.work-timeline-drawer__close .material-symbols-rounded {
  background: transparent !important;
  font-size: 18px;
}

.work-timeline-drawer__body {
  display: grid;
  gap: 14px;
  margin-top: 18px;
}

.work-timeline-drawer__section {
  border: 1px solid #E5E7EB;
  border-radius: 4px;
  padding: 14px;
}

.work-timeline-drawer__section h3 {
  color: #0065FF;
  font-size: 12px;
  font-weight: 700;
  margin: 0 0 12px;
}

.work-timeline-drawer__section p {
  color: #1A1A1A;
  font-size: 12px;
  line-height: 1.55;
  margin: 0 0 10px;
}

.person-timeline-card__title {
  padding: 0 54px 18px;
  color: var(--d360-blue-700);
  font-size: 13px;
  font-weight: 600;
}

.person-timeline-card__divider {
  border-top: 1px dashed #AFAFAF;
}

.person-timeline-filters {
  display: grid;
  grid-template-columns: 170px 170px minmax(360px, 1fr);
  gap: 14px;
  padding: 42px 72px 0;
}

.person-timeline-field {
  position: relative;
  height: 50px;
  border: 1px solid #AFAFAF;
  border-radius: 6px;
  padding: 11px 30px 7px 12px;
}

.person-timeline-field legend {
  padding: 0 5px;
  color: #1A1A1A;
  font-size: 10px;
  font-weight: 600;
}

.person-timeline-field select,
.person-timeline-field input,
.person-timeline-search input {
  width: 100%;
  border: 0;
  outline: 0;
  color: #1A1A1A;
  font-size: 10px;
}

.person-timeline-field select {
  appearance: none;
  background: transparent;
  color: #AFAFAF;
}

.person-timeline-field .material-symbols-rounded,
.person-timeline-search .material-symbols-rounded {
  position: absolute;
  right: 10px;
  top: 50%;
  color: #AFAFAF;
  font-size: 15px;
  transform: translateY(-50%);
}

.person-timeline-search .material-symbols-rounded {
  font-size: 18px;
}

.person-timeline-search {
  position: relative;
  display: flex;
  align-items: center;
  align-self: end;
  height: 50px;
  border: 1px solid #AFAFAF;
  border-radius: 6px;
  padding: 0 36px 0 14px;
}

.person-timeline-segments {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin: 20px 72px 0;
  border: 1px solid #AFAFAF;
  border-radius: 6px;
  overflow: hidden;
}

.person-timeline-segments button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 32px;
  color: #AFAFAF;
  font-size: 10px;
}

.person-timeline-segments button.is-active {
  color: var(--d360-blue-700);
}

.person-timeline-segments .material-symbols-rounded {
  color: currentColor;
  font-size: 14px;
}

.person-timeline-date-heading {
  margin: 32px 72px 0;
  color: #1A1A1A;
  font-size: 11px;
  font-weight: 600;
}

.person-timeline-list {
  margin: 26px 72px 0;
}

.person-timeline-item {
  position: relative;
  display: grid;
  grid-template-columns: 12px 1fr 120px;
  gap: 10px;
  min-height: 104px;
}

.person-timeline-item__line {
  position: absolute;
  left: 4px;
  top: 13px;
  bottom: -4px;
  width: 1px;
  background: #E5E7EB;
}

.person-timeline-item__dot {
  position: relative;
  z-index: 1;
  width: 8px;
  height: 8px;
  margin-top: 6px;
  border-radius: 9999px;
  background: var(--d360-blue-700);
}

.person-timeline-item--green .person-timeline-item__dot {
  background: #00875A;
}

.person-timeline-item--orange .person-timeline-item__dot {
  background: #FF8B00;
}

.person-timeline-item__meta {
  display: flex;
  gap: 6px;
  color: var(--d360-blue-700);
  font-size: 9px;
}

.person-timeline-item__meta span {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  border-radius: 6px;
  background: #EEF6FF;
  padding: 2px 5px;
}

.person-timeline-item__meta .material-symbols-rounded {
  font-size: 11px;
}

.person-timeline-item__title {
  margin-top: 11px;
  color: #1A1A1A;
  font-size: 11px;
  font-weight: 600;
}

.person-timeline-item__desc {
  margin-top: 6px;
  color: #6B7280;
  font-size: 10px;
}

.person-timeline-item__side {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 22px;
}

.person-timeline-status {
  min-width: 78px;
  border-radius: 6px;
  background: #DEEBFF;
  color: var(--d360-blue-700);
  font-size: 9px;
  padding: 4px 8px;
  text-align: center;
}

.person-timeline-item--green .person-timeline-status {
  background: #E3FCEF;
  color: #00875A;
}

.person-timeline-item--orange .person-timeline-status {
  background: #FFF4D6;
  color: #FF8B00;
}

.person-timeline-item__side button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--d360-blue-700);
  font-size: 9px;
}

.person-timeline-item__side .material-symbols-rounded {
  font-size: 12px;
}

@media (max-width: 640px) {
  .data-import-wizard {
    min-height: calc(100vh - 64px);
    padding: 12px 16px 72px;
  }

  .data-import-wizard__card {
    margin-top: 72px;
  }

  .data-import-wizard__actions {
    right: 16px;
    bottom: 40px;
  }
}

/* Global form field height normalization */
.d360-fieldset:not(.d360-fieldset--textarea),
.d360-field:not(.d360-field--textarea),
.fld:not(.d360-fieldset--textarea),
.ui-floating-fieldset:not(.settings-role-dialog__field--textarea):not(.settings-role-page-form__field--textarea):not(.settings-permission-dialog__field--textarea),
.account-form-field,
.settings-user-dialog__field,
.settings-role-dialog__field:not(.settings-role-dialog__field--textarea),
.settings-role-page-form__field:not(.settings-role-page-form__field--textarea),
.settings-permission-dialog__field:not(.settings-permission-dialog__field--textarea),
.open-users-status-field,
.d360-sms-recipient-field,
.d360-message-recipient-field,
.d360-sms-template-field,
.person-timeline-field {
  height: var(--d360-input-height) !important;
  min-height: var(--d360-input-height) !important;
}

.ui-field-control,
.ui-floating-control,
.d360-input,
.d360-select,
.d360-control,
.d360-fieldset input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),
.d360-fieldset select,
.fld input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),
.fld select,
.open-users-status-field .ui-floating-control,
.d360-sms-template-field input,
.person-timeline-field select,
.person-timeline-field input {
  min-height: 32px !important;
}

.fld .iti .iti__tel-input,
.d360-fieldset .iti .iti__tel-input {
  height: 32px !important;
  min-height: 32px !important;
}

.ui-floating-fieldset .iti,
.account-form-field .iti,
.settings-user-dialog__field .iti {
  width: 100%;
}

.ui-floating-fieldset .iti input[type="tel"],
.account-form-field .iti input[type="tel"],
.settings-user-dialog__field .iti input[type="tel"] {
  background: transparent;
  border: 0;
  box-shadow: none;
  font-size: 14px;
  height: 32px !important;
  min-height: 32px !important;
  outline: 0;
  padding-bottom: 0;
  padding-left: 50px !important;
  padding-top: 0;
  width: 100%;
}

.ui-floating-fieldset .iti__selected-country,
.account-form-field .iti__selected-country,
.settings-user-dialog__field .iti__selected-country {
  align-items: center;
  display: flex;
  height: 100%;
  width: 40px;
  padding-right: 4px;
}

.settings-role-dialog__field--textarea,
.settings-role-page-form__field--textarea,
.settings-permission-dialog__field--textarea,
.d360-fieldset--textarea {
  height: auto !important;
}

/* Normalize field typography where page-specific rules made controls smaller. */
.settings-user-dialog__field legend,
.settings-role-dialog__field legend,
.settings-role-page-form__field legend,
.settings-permission-dialog__field legend,
.open-users-status-field legend,
.d360-sms-template-field legend,
.person-timeline-field legend {
  font-size: 14px !important;
  line-height: 1 !important;
}

.settings-user-dialog__field .ui-floating-control,
.settings-role-dialog__field .ui-floating-control,
.settings-role-page-form__field .ui-floating-control,
.settings-permission-dialog__field .ui-floating-control,
.open-users-status-field .ui-floating-control,
.d360-sms-template-field input,
.person-timeline-field select,
.person-timeline-field input,
.person-timeline-search input {
  font-size: 14px !important;
}

.settings-role-page-form__field .ui-floating-control,
.settings-permission-dialog__field .ui-floating-control {
  min-height: 32px !important;
}

.d360-sms-template-field {
  height: var(--d360-input-height) !important;
  min-height: var(--d360-input-height) !important;
}

.d360-sms-template-field input {
  height: 32px !important;
  min-height: 32px !important;
}

button.lookup-modal-btn,
.d360-dialog button.lookup-modal-btn {
  align-items: center !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  display: inline-flex !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  height: 40px !important;
  justify-content: center !important;
  min-height: 40px !important;
  padding: 0 16px !important;
}

button.lookup-modal-btn--cancel,
.d360-dialog button.lookup-modal-btn--cancel {
  background: transparent !important;
  border: 0 !important;
  color: #EF4444 !important;
}

button.lookup-modal-btn--cancel:hover,
button.lookup-modal-btn--cancel:focus-visible,
.d360-dialog button.lookup-modal-btn--cancel:hover,
.d360-dialog button.lookup-modal-btn--cancel:focus-visible {
  background: transparent !important;
  border: 0 !important;
  color: #EF4444 !important;
  text-decoration: underline;
}

button.lookup-modal-btn--save,
.d360-dialog button.lookup-modal-btn--save {
  background: #0065FF !important;
  border: 1px solid #0065FF !important;
  color: #fff !important;
}

button.lookup-modal-btn--save:hover,
button.lookup-modal-btn--save:focus-visible,
.d360-dialog button.lookup-modal-btn--save:hover,
.d360-dialog button.lookup-modal-btn--save:focus-visible {
  background: #0052CC !important;
  border-color: #0052CC !important;
  color: #fff !important;
}

.lookup-table-wrap {
  max-width: min(100%, 1700px);
  overflow-x: auto;
  width: 100%;
}

.lookup-table-scroll {
  max-width: 100%;
  overflow-x: auto;
  width: 100%;
}

.lookup-table-wrap .dt-container,
.lookup-table-wrap .dataTables_wrapper,
.lookup-table-wrap .dt-scroll,
.lookup-table-wrap .dt-scroll-head,
.lookup-table-wrap .dt-scroll-body {
  max-width: 100% !important;
  width: 100% !important;
}

.lookup-table-wrap .dt-scroll-body {
  overflow-x: auto !important;
}

table.lookup-table,
table.dataTable.lookup-table {
  max-width: 100% !important;
  table-layout: fixed !important;
  width: 100% !important;
}

table.lookup-table > thead > tr > th,
table.lookup-table > tbody > tr > td,
table.dataTable.lookup-table > thead > tr > th,
table.dataTable.lookup-table > tbody > tr > td {
  box-sizing: border-box;
}

table.lookup-table > thead > tr > th:nth-child(1),
table.lookup-table > tbody > tr > td:nth-child(1),
table.dataTable.lookup-table > thead > tr > th:nth-child(1),
table.dataTable.lookup-table > tbody > tr > td:nth-child(1) {
  width: 48px !important;
}

table.lookup-table > thead > tr > th:nth-child(2),
table.lookup-table > tbody > tr > td:nth-child(2),
table.dataTable.lookup-table > thead > tr > th:nth-child(2),
table.dataTable.lookup-table > tbody > tr > td:nth-child(2) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto !important;
}

table.lookup-table > thead > tr > th:nth-child(3),
table.lookup-table > tbody > tr > td:nth-child(3),
table.dataTable.lookup-table > thead > tr > th:nth-child(3),
table.dataTable.lookup-table > tbody > tr > td:nth-child(3) {
  overflow: visible;
  width: 104px !important;
}

.sms-outbox-table-wrap {
  max-width: 100%;
  overflow-x: hidden;
  width: 100%;
}

.sms-outbox-table-scroll,
.sms-outbox-table-wrap #dtSMSOutbox_wrapper,
.sms-outbox-table-wrap .dt-container,
.sms-outbox-table-wrap .dataTables_wrapper,
.sms-outbox-table-wrap .dt-layout-row,
.sms-outbox-table-wrap .dt-scroll,
.sms-outbox-table-wrap .dt-scroll-head,
.sms-outbox-table-wrap .dt-scroll-body {
  max-width: 100% !important;
  overflow-x: hidden !important;
  width: 100% !important;
}

table.sms-outbox-table,
table.dataTable.sms-outbox-table {
  border-collapse: collapse;
  min-width: 100% !important;
  table-layout: fixed !important;
  width: 100% !important;
}

table.sms-outbox-table > thead > tr,
table.sms-outbox-table > tbody > tr,
table.dataTable.sms-outbox-table > thead > tr,
table.dataTable.sms-outbox-table > tbody > tr {
  width: 100%;
}

table.sms-outbox-table > thead > tr > th:nth-child(1),
table.sms-outbox-table > tbody > tr > td:nth-child(1),
table.dataTable.sms-outbox-table > thead > tr > th:nth-child(1),
table.dataTable.sms-outbox-table > tbody > tr > td:nth-child(1) {
  width: 48px !important;
}

table.sms-outbox-table > thead > tr > th:nth-child(2),
table.sms-outbox-table > tbody > tr > td:nth-child(2),
table.dataTable.sms-outbox-table > thead > tr > th:nth-child(2),
table.dataTable.sms-outbox-table > tbody > tr > td:nth-child(2) {
  overflow: hidden;
  min-width: 0 !important;
  width: calc(100% - 228px) !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}

table.sms-outbox-table > thead > tr > th:nth-child(3),
table.sms-outbox-table > tbody > tr > td:nth-child(3),
table.dataTable.sms-outbox-table > thead > tr > th:nth-child(3),
table.dataTable.sms-outbox-table > tbody > tr > td:nth-child(3) {
  min-width: 180px !important;
  width: 180px !important;
}

.mail-outbox-table-wrap {
  max-width: 100%;
  overflow-x: hidden;
  width: 100%;
}

.mail-outbox-table-scroll,
.mail-outbox-table-wrap #dtMailOutbox_wrapper,
.mail-outbox-table-wrap .dt-container,
.mail-outbox-table-wrap .dataTables_wrapper,
.mail-outbox-table-wrap .dt-layout-row,
.mail-outbox-table-wrap .dt-scroll,
.mail-outbox-table-wrap .dt-scroll-head,
.mail-outbox-table-wrap .dt-scroll-body {
  max-width: 100% !important;
  overflow-x: hidden !important;
  width: 100% !important;
}

table.mail-outbox-table,
table.dataTable.mail-outbox-table {
  border-collapse: collapse;
  min-width: 100% !important;
  table-layout: fixed !important;
  width: 100% !important;
}

table.mail-outbox-table > thead > tr,
table.mail-outbox-table > tbody > tr,
table.dataTable.mail-outbox-table > thead > tr,
table.dataTable.mail-outbox-table > tbody > tr {
  width: 100%;
}

table.mail-outbox-table > thead > tr > th:nth-child(1),
table.mail-outbox-table > tbody > tr > td:nth-child(1),
table.dataTable.mail-outbox-table > thead > tr > th:nth-child(1),
table.dataTable.mail-outbox-table > tbody > tr > td:nth-child(1) {
  width: 48px !important;
}

table.mail-outbox-table > thead > tr > th:nth-child(2),
table.mail-outbox-table > tbody > tr > td:nth-child(2),
table.dataTable.mail-outbox-table > thead > tr > th:nth-child(2),
table.dataTable.mail-outbox-table > tbody > tr > td:nth-child(2) {
  overflow: hidden;
  min-width: 0 !important;
  width: calc(100% - 228px) !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}

table.mail-outbox-table > thead > tr > th:nth-child(3),
table.mail-outbox-table > tbody > tr > td:nth-child(3),
table.dataTable.mail-outbox-table > thead > tr > th:nth-child(3),
table.dataTable.mail-outbox-table > tbody > tr > td:nth-child(3) {
  min-width: 180px !important;
  width: 180px !important;
}

.d360-template-list-page {
  background: #fff;
  min-height: calc(100vh - 56px);
  padding-top: 24px !important;
}

.d360-template-list-toolbar {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 0 0 20px;
}

.d360-template-create-btn {
  align-items: center;
  background: #0065FF;
  border-radius: 8px;
  color: #fff;
  display: inline-flex;
  font-size: 13px;
  font-weight: 500;
  gap: 6px;
  height: 36px;
  justify-content: center;
  padding: 0 14px;
}

.d360-template-create-btn:hover,
.d360-template-create-btn:focus-visible {
  background: #0052CC;
  color: #fff;
  outline: none;
}

.d360-template-view-toggle {
  align-items: center;
  display: flex;
  gap: 16px;
}

.d360-template-view-btn {
  align-items: center;
  background: #EFFDFF;
  border: 1px solid #0065FF;
  border-radius: 6px;
  color: #0065FF;
  display: inline-flex;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.d360-template-view-btn.is-active {
  background: #3367E8;
  color: #fff;
}

.d360-template-view-btn .material-symbols-rounded {
  font-size: 22px;
  line-height: 1;
}

.d360-template-list-wrap {
  max-width: 100%;
  width: 100%;
}

.d360-template-card-grid {
  display: grid;
  gap: 28px;
  grid-template-columns: repeat(2, minmax(320px, 360px));
}

.d360-template-card-grid.hidden,
.d360-template-table-view.hidden {
  display: none !important;
}

.d360-template-card {
  background: #fff;
  border: 1px solid #E0E0E0;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  min-height: 150px;
  padding: 26px 18px 20px;
}

.d360-template-card__content {
  min-width: 0;
}

.d360-template-card__title {
  color: #222;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 24px;
  margin: 0;
}

.d360-template-card__body {
  color: #6B6B6B;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 22px;
  margin: 18px 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.d360-template-card__footer {
  align-items: center;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  margin-top: auto;
  padding-top: 20px;
}

.d360-template-card__actions {
  align-items: center;
  display: flex;
  gap: 18px;
}

.d360-template-toggle {
  align-items: center;
  background: #D1D5DB;
  border: 0;
  border-radius: 999px;
  display: inline-flex;
  flex: 0 0 auto;
  height: 20px;
  padding: 0 2px;
  transition: background-color 0.18s ease;
  width: 40px;
}

.d360-template-toggle.is-active {
  background: #22C55E;
}

.d360-template-toggle__knob {
  background: #fff;
  border-radius: 999px;
  box-shadow: 0 1px 3px rgb(0 0 0 / 0.18);
  display: block;
  height: 18px;
  transform: translateX(0);
  transition: transform 0.18s ease;
  width: 18px;
}

.d360-template-toggle.is-active .d360-template-toggle__knob {
  transform: translateX(18px);
}

.d360-template-action {
  align-items: center;
  background: #F2F2F2;
  border: 0;
  border-radius: 8px;
  display: inline-flex;
  height: 30px;
  justify-content: center;
  transition: background-color 0.18s ease, color 0.18s ease;
  width: 30px;
}

.d360-template-action .material-symbols-rounded {
  font-size: 20px;
  line-height: 1;
}

.d360-template-action--view {
  color: #0065FF;
}

.d360-template-action--edit {
  color: #34B983;
}

.d360-template-action--delete {
  color: #F03000;
}

.d360-template-action:hover,
.d360-template-action:focus-visible {
  background: #E9EEF8;
  outline: none;
}

@media (max-width: 900px) {
  .d360-template-card-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

.d360-template-table-view {
  width: 100%;
}

.d360-template-table-toolbar {
  align-items: center;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  margin-bottom: 16px;
}

.d360-template-table-row-actions {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: flex-end;
}

.lookup-detail-table-wrap {
  max-width: min(100%, 1700px);
  overflow-x: auto;
  width: 100%;
}

.lookup-detail-table-wrap .dt-container,
.lookup-detail-table-wrap .dataTables_wrapper,
.lookup-detail-table-wrap .dt-scroll,
.lookup-detail-table-wrap .dt-scroll-head,
.lookup-detail-table-wrap .dt-scroll-body {
  max-width: 100% !important;
  width: 100% !important;
}

.lookup-detail-table-wrap .dt-scroll-body {
  overflow-x: auto !important;
}

table.lookup-detail-table,
table.dataTable.lookup-detail-table {
  max-width: 100% !important;
  table-layout: fixed !important;
  width: 100% !important;
}

table.lookup-detail-table > thead > tr > th,
table.lookup-detail-table > tbody > tr > td,
table.dataTable.lookup-detail-table > thead > tr > th,
table.dataTable.lookup-detail-table > tbody > tr > td {
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

table.lookup-detail-table > thead > tr > th:nth-child(1),
table.lookup-detail-table > tbody > tr > td:nth-child(1),
table.dataTable.lookup-detail-table > thead > tr > th:nth-child(1),
table.dataTable.lookup-detail-table > tbody > tr > td:nth-child(1) {
  width: 48px !important;
}

table.lookup-detail-table > thead > tr > th:nth-child(5),
table.lookup-detail-table > tbody > tr > td:nth-child(5),
table.dataTable.lookup-detail-table > thead > tr > th:nth-child(5),
table.dataTable.lookup-detail-table > tbody > tr > td:nth-child(5) {
  width: 140px !important;
}

table.lookup-detail-table > thead > tr > th:nth-child(6),
table.lookup-detail-table > tbody > tr > td:nth-child(6),
table.dataTable.lookup-detail-table > thead > tr > th:nth-child(6),
table.dataTable.lookup-detail-table > tbody > tr > td:nth-child(6) {
  overflow: visible;
  width: 104px !important;
}

@media (max-width: 768px) {
  table.lookup-table > thead > tr > th,
  table.lookup-table > tbody > tr > td,
  table.dataTable.lookup-table > thead > tr > th,
  table.dataTable.lookup-table > tbody > tr > td,
  table.lookup-detail-table > thead > tr > th,
  table.lookup-detail-table > tbody > tr > td,
  table.dataTable.lookup-detail-table > thead > tr > th,
  table.dataTable.lookup-detail-table > tbody > tr > td {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  table.lookup-detail-table > thead > tr > th:nth-child(5),
  table.lookup-detail-table > tbody > tr > td:nth-child(5),
  table.dataTable.lookup-detail-table > thead > tr > th:nth-child(5),
  table.dataTable.lookup-detail-table > tbody > tr > td:nth-child(5) {
    width: 72px !important;
  }

  table.lookup-table > thead > tr > th:nth-child(3),
  table.lookup-table > tbody > tr > td:nth-child(3),
  table.dataTable.lookup-table > thead > tr > th:nth-child(3),
  table.dataTable.lookup-table > tbody > tr > td:nth-child(3),
  table.lookup-detail-table > thead > tr > th:nth-child(6),
  table.lookup-detail-table > tbody > tr > td:nth-child(6),
  table.dataTable.lookup-detail-table > thead > tr > th:nth-child(6),
  table.dataTable.lookup-detail-table > tbody > tr > td:nth-child(6) {
    width: 80px !important;
  }
}

#deleteModal > .absolute,
#deleteModal .d360-dialog-overlay,
#confirmModal > .absolute,
#roleDeleteModal > .absolute {
  background: transparent !important;
}

#deleteModal > .relative,
#confirmModal > .relative,
#roleDeleteModal > .relative {
  background: #fff !important;
  border: 1px solid #F03000 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  max-width: 470px !important;
  min-height: 315px !important;
  overflow: visible !important;
  padding: 58px 46px 40px !important;
  width: min(92vw, 470px) !important;
}

#deleteModal > .relative > button,
#deleteModal > .relative > div:first-of-type > button,
#confirmModal > .relative > button,
#roleDeleteModal > .relative > button {
  align-items: center !important;
  background: #fff !important;
  border: 1px solid #d1d5db !important;
  border-radius: 9999px !important;
  color: #6b7280 !important;
  display: inline-flex !important;
  aspect-ratio: 1 / 1 !important;
  flex: 0 0 24px !important;
  height: 24px !important;
  justify-content: center !important;
  min-height: 24px !important;
  min-width: 24px !important;
  padding: 0 !important;
  position: absolute !important;
  right: 14px !important;
  top: 13px !important;
  width: 24px !important;
}

#deleteModal > .relative > button .material-symbols-rounded,
#deleteModal > .relative > div:first-of-type > button .material-symbols-rounded,
#confirmModal > .relative > button .material-symbols-rounded,
#roleDeleteModal > .relative > button .material-symbols-rounded {
  font-size: 15px !important;
  line-height: 1 !important;
}

#deleteModal > .relative > div,
#confirmModal > .relative > div,
#roleDeleteModal > .relative > div {
  padding: 0 !important;
  text-align: center !important;
}

#deleteModal > .relative > div:first-of-type,
#confirmModal > .relative > div:first-of-type,
#roleDeleteModal > .relative > div:first-of-type {
  display: block !important;
}

#deleteModal > .relative > div:first-of-type > div:first-child,
#confirmModal > .relative > div:first-of-type > div:first-child,
#roleDeleteModal > .relative > div:first-of-type > div:first-child {
  align-items: center !important;
  display: block !important;
  justify-content: center !important;
  text-align: center !important;
  width: 100% !important;
}

#deleteModal > .relative > div:first-of-type > div:first-child > div:not(.h-12):not(.h-14):not(.h-20),
#confirmModal > .relative > div:first-of-type > div:first-child > div:not(.h-12):not(.h-14):not(.h-20),
#roleDeleteModal > .relative > div:first-of-type > div:first-child > div:not(.h-12):not(.h-14):not(.h-20) {
  display: block !important;
  text-align: center !important;
  width: 100% !important;
}

#deleteModal > .relative .h-12,
#deleteModal > .relative .h-14,
#deleteModal > .relative .h-20,
#confirmModal > .relative .h-20,
#roleDeleteModal > .relative .h-14 {
  background: #ffe8e5 !important;
  border-radius: 9999px !important;
  display: grid !important;
  height: 76px !important;
  margin: 0 auto !important;
  place-items: center !important;
  width: 76px !important;
}

#deleteModal > .relative .h-12 .material-symbols-rounded,
#deleteModal > .relative .h-14 .material-symbols-rounded,
#deleteModal > .relative .h-20 .material-symbols-rounded,
#confirmModal > .relative .h-20 .material-symbols-rounded,
#roleDeleteModal > .relative .h-14 .material-symbols-rounded {
  color: #F03000 !important;
  font-size: 42px !important;
  line-height: 1 !important;
}

#deleteTitle,
#confirmTitle,
#roleDeleteModal .text-base.font-semibold {
  color: #F03000 !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  line-height: 26px !important;
  margin: 26px auto 0 !important;
  max-width: 360px !important;
  text-align: center !important;
}

#deleteDesc,
#confirmSub,
#roleDeleteSub {
  color: #b9b9b9 !important;
  font-size: 14px !important;
  line-height: 20px !important;
  margin: 12px auto 0 !important;
  max-width: 400px !important;
  text-align: center !important;
}

#deleteModal > .relative > div:nth-of-type(2),
#deleteModal > .relative .mt-8,
#confirmModal > .relative > div .mt-6,
#confirmModal > .relative > div .mt-8,
#roleDeleteModal > .relative > div .mt-6 {
  align-items: center !important;
  display: flex !important;
  gap: 34px !important;
  justify-content: center !important;
  margin-top: 40px !important;
  padding: 0 !important;
}

#btnCancelDelete,
#confirmCancel,
#btnCancelRoleDelete,
#deleteModal [data-modal-close]:not(.d360-dialog__close):not(.d360-dialog-close) {
  background: transparent !important;
  border: 0 !important;
  color: #F03000 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  width: auto !important;
}

#btnConfirmDelete,
#confirmOk,
#btnConfirmRoleDelete {
  background: #F03000 !important;
  border: 0 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  height: 38px !important;
  line-height: 1 !important;
  min-height: 38px !important;
  padding: 0 28px !important;
}

#btnConfirmDelete:hover,
#confirmOk:hover,
#btnConfirmRoleDelete:hover {
  background: #d92d20 !important;
}

.d360-delete-confirm-card {
  background: #fff;
  border: 1px solid #F03000;
  border-radius: 8px;
  box-shadow: none;
  min-height: 315px;
  padding: 58px 46px 40px;
  width: min(92vw, 540px);
}

.d360-delete-confirm-close {
  align-items: center;
  background: #fff;
  border: 1px solid #d1d5db;
  border-radius: 9999px;
  color: #6b7280;
  display: inline-flex;
  aspect-ratio: 1 / 1;
  flex: 0 0 24px;
  height: 24px;
  justify-content: center;
  padding: 0;
  position: absolute;
  right: 14px;
  top: 13px;
  width: 24px;
}

.d360-delete-confirm-close .material-symbols-rounded {
  font-size: 15px;
  line-height: 1;
}

.d360-delete-confirm-icon {
  background: #ffe8e5;
  border-radius: 9999px;
  display: grid;
  height: 76px;
  margin: 0 auto;
  place-items: center;
  width: 76px;
}

.d360-delete-confirm-icon .material-symbols-rounded {
  color: #F03000;
  font-size: 42px;
  line-height: 1;
}

.d360-delete-confirm-title {
  color: #F03000;
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
  margin: 26px auto 0;
  max-width: 360px;
  text-align: center;
}

.d360-delete-confirm-desc {
  color: #b9b9b9;
  font-size: 14px;
  line-height: 20px;
  margin: 12px auto 0;
  max-width: 400px;
  text-align: center;
}

.d360-delete-confirm-actions {
  align-items: center;
  display: flex;
  gap: 34px;
  justify-content: center;
  margin-top: 40px;
}

.d360-delete-confirm-cancel {
  background: transparent;
  border: 0;
  color: #F03000;
  font-size: 12px;
  font-weight: 500;
  padding: 0;
}

.d360-delete-confirm-ok {
  background: #F03000;
  border: 0;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  height: 38px;
  line-height: 1;
  padding: 0 28px;
}

.d360-delete-confirm-ok:hover {
  background: #d92d20;
}

#deleteModal.persons-delete-modal > .relative > div:first-of-type > div:first-child {
  align-items: center !important;
  background: #ffe8e5 !important;
  border-radius: 9999px !important;
  display: grid !important;
  height: 76px !important;
  justify-content: center !important;
  margin: 0 auto !important;
  place-items: center !important;
  width: 76px !important;
}

#deleteModal.persons-delete-modal > .relative > div:first-of-type > div:first-child .material-symbols-rounded {
  color: #F03000 !important;
  font-size: 42px !important;
  line-height: 1 !important;
}

.person-activate-confirm-modal {
  padding: 24px;
}

.person-activate-confirm-modal__overlay {
  background: rgba(17, 24, 39, 0.2);
  inset: 0;
  position: absolute;
}

.person-activate-confirm-modal__card {
  background: #fff;
  border: 1px solid #d1fae5;
  border-radius: 8px;
  box-shadow: 0 24px 70px rgba(15, 23, 42, 0.18);
  min-height: 315px;
  padding: 58px 46px 40px;
  position: relative;
  width: min(92vw, 480px);
}

.person-activate-confirm-modal__close {
  align-items: center;
  aspect-ratio: 1 / 1;
  appearance: none;
  -webkit-appearance: none;
  background: #fff;
  border: 1px solid #d1d5db;
  border-radius: 50%;
  box-sizing: border-box;
  color: #6b7280;
  display: grid;
  flex: 0 0 28px;
  height: 28px;
  justify-content: center;
  line-height: 1;
  min-height: 28px;
  min-width: 28px;
  overflow: hidden;
  padding: 0;
  place-items: center;
  position: absolute;
  right: 14px;
  top: 13px;
  width: 28px;
}

.person-activate-confirm-modal__close:hover {
  background: #f9fafb;
  color: #111827;
}

.person-activate-confirm-modal__close .material-symbols-rounded {
  display: block;
  font-size: 16px;
  line-height: 1;
  margin: 0;
}

.person-activate-confirm-modal__icon {
  background: #dcfce7;
  border-radius: 9999px;
  display: grid;
  height: 76px;
  margin: 0 auto;
  place-items: center;
  width: 76px;
}

.person-activate-confirm-modal__icon .material-symbols-rounded {
  color: #16a34a;
  font-size: 42px;
  line-height: 1;
}

.person-activate-confirm-modal__title {
  color: #16a34a;
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
  margin: 26px auto 0;
  max-width: 360px;
  text-align: center;
}

.person-activate-confirm-modal__desc {
  color: #9ca3af;
  font-size: 14px;
  line-height: 20px;
  margin: 12px auto 0;
  max-width: 400px;
  text-align: center;
}

.person-activate-confirm-modal__actions {
  align-items: center;
  display: flex;
  gap: 34px;
  justify-content: center;
  margin-top: 40px;
}

.person-activate-confirm-modal__cancel {
  background: transparent;
  border: 0;
  color: #6b7280;
  font-size: 12px;
  font-weight: 500;
  padding: 0;
}

.person-activate-confirm-modal__cancel:hover {
  color: #374151;
}

.person-activate-confirm-modal__ok {
  background: #0065FF;
  border: 0;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  height: 38px;
  line-height: 1;
  padding: 0 28px;
}

.person-activate-confirm-modal__ok:hover {
  background: #004ec2;
}

.person-activate-confirm-modal__ok:disabled,
.person-activate-confirm-modal__cancel:disabled {
  cursor: not-allowed;
  opacity: 0.65;
}

.person-passive-confirm-modal .person-activate-confirm-modal__card {
  border-color: #F03000;
  box-shadow: none;
}

.person-passive-confirm-modal .person-activate-confirm-modal__icon {
  background: #ffe8e5;
}

.person-passive-confirm-modal .person-activate-confirm-modal__icon .material-symbols-rounded {
  color: #F03000;
}

.person-passive-confirm-modal .person-activate-confirm-modal__title {
  color: #F03000;
}

.person-passive-confirm-modal .person-activate-confirm-modal__ok {
  background: #F03000;
}

.person-passive-confirm-modal .person-activate-confirm-modal__ok:hover {
  background: #d92d20;
}

.person-passive-confirm-modal .person-activate-confirm-modal__cancel {
  color: #6b7280;
}

.person-passive-confirm-modal .person-activate-confirm-modal__cancel:hover {
  color: #374151;
}

.person-list-detail-view .person-list-view-toolbar {
  align-items: center;
  flex-direction: row !important;
  gap: 16px;
  justify-content: space-between;
  padding: 0 0 10px;
}

.person-list-detail-edit .person-list-edit-toolbar,
.person-group-detail-edit .person-list-edit-toolbar {
  align-items: stretch;
  flex-direction: column !important;
  gap: 16px;
  justify-content: flex-start;
  padding: 0 0 10px;
}

.person-list-detail-view .person-list-view-controls {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  flex-wrap: nowrap;
  gap: 10px;
  justify-content: flex-end;
  width: 100%;
}

.person-list-detail-edit .person-list-edit-controls,
.person-group-detail-edit .person-list-edit-controls {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  flex-wrap: nowrap;
  gap: 10px;
  justify-content: flex-end;
  margin-top: 0;
  width: 100%;
}

.person-list-detail-edit .person-list-edit-add,
.person-group-detail-edit .person-list-edit-add {
  align-self: flex-start;
  order: 0;
}

.person-list-detail-edit .person-list-edit-controls,
.person-group-detail-edit .person-list-edit-controls {
  order: 1;
}

.person-list-detail-edit .person-list-edit-controls > .d360-page-size,
.person-group-detail-edit .person-list-edit-controls > .d360-page-size {
  margin-right: auto;
  order: 0;
}

.person-list-detail-edit #btnColumns,
.person-list-detail-edit #btnResetFilters,
.person-group-detail-edit #btnColumns,
.person-group-detail-edit #btnResetFilters {
  align-items: center;
  display: inline-flex;
  height: 38px;
  justify-content: center;
  padding: 0;
  width: 38px;
}

.person-list-detail-edit #searchInput,
.person-group-detail-edit #searchInput {
  height: 38px;
}

#dtListPersons .person-list-row-actions,
#dtGroupLists .person-list-row-actions {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 40px;
}

#dtListPersons .person-list-remove-btn,
#dtGroupLists .person-list-remove-btn {
  align-items: center;
  appearance: none;
  -webkit-appearance: none;
  background: #f5f5f5 !important;
  border: 0 !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  display: inline-flex;
  height: 36px !important;
  justify-content: center;
  min-height: 36px !important;
  min-width: 36px !important;
  padding: 0 !important;
  width: 36px !important;
}

#dtListPersons .person-list-remove-btn:hover,
#dtListPersons .person-list-remove-btn:focus-visible,
#dtGroupLists .person-list-remove-btn:hover,
#dtGroupLists .person-list-remove-btn:focus-visible {
  background: #eeeeee !important;
  outline: none !important;
}

#dtListPersons .person-list-remove-btn span,
#dtGroupLists .person-list-remove-btn span {
  background: #F03000 !important;
  border-radius: 9999px;
  display: block;
  flex: 0 0 auto;
  height: 2px !important;
  width: 18px !important;
}

.person-list-detail-edit #dtListPersons th[data-key="actions"],
.person-list-detail-edit #dtListPersons td.person-list-actions-cell,
.person-group-detail-edit #dtGroupLists th[data-key="actions"],
.person-group-detail-edit #dtGroupLists td.person-list-actions-cell {
  max-width: 64px !important;
  min-width: 64px !important;
  text-align: center !important;
  width: 64px !important;
}

.person-list-detail-view .person-list-view-page-size {
  margin-right: auto;
}

.person-list-detail-view #btnBulkRemove,
.person-list-detail-view #btnExport {
  display: none !important;
}

.person-list-detail-edit #btnBulkRemove,
.person-list-detail-edit #btnExport,
.person-group-detail-edit #btnBulkRemove,
.person-group-detail-edit #btnExport {
  display: none !important;
}

.person-list-detail-view #btnResetFilters,
.person-list-detail-view .person-list-view-search-btn {
  align-items: center;
  background: #fff;
  border: 1px solid #0065FF;
  border-radius: 6px;
  color: #0065FF;
  display: inline-flex;
  height: 38px;
  justify-content: center;
  padding: 0;
  width: 38px;
}

.person-list-detail-view #btnResetFilters {
  border-color: #12b76a;
  color: #079455;
}

.person-list-detail-view .person-list-view-search-btn {
  background: #2f61e6;
  border-color: #2f61e6;
  color: #fff;
}

.person-list-detail-view #searchInput {
  border-color: #0065FF;
  height: 38px;
  width: 260px;
}

.person-list-detail-view .person-list-view-search-icon {
  color: #0065FF;
}

.person-list-detail-view .d360-dtwrap {
  border: 0;
  box-shadow: none;
  overflow: visible;
}

.person-list-detail-view #dtListPersons {
  min-width: 100%;
}

.person-list-detail-view #dtListPersons thead th {
  background: #f3f4f6;
  color: #0065FF;
  font-size: 12px;
  font-weight: 600;
  height: 48px;
  padding: 10px 12px;
}

.person-list-detail-view #dtListPersons tbody td {
  border-bottom: 1px dashed #d1d5db;
  color: #1f2937;
  font-size: 12px;
  padding: 10px 12px;
  vertical-align: middle;
}

.person-list-detail-view #dtListPersons .d360-table-avatar {
  height: 32px;
  width: 32px;
}

@media (max-width: 900px) {
  .person-list-detail-view .person-list-view-toolbar,
  .person-list-detail-view .person-list-view-controls {
    align-items: stretch;
    flex-wrap: wrap;
  }

  .person-list-detail-view .person-list-view-page-size {
    margin-right: 0;
  }

  .person-list-detail-view #searchInput {
    width: min(100%, 260px);
  }
}

/* Final global table action hover overrides */
.d360-dt .btnView:hover,
.d360-dt .btnView:focus-visible,
.d360-dt a.btnView:hover,
.d360-dt a.btnView:focus-visible,
.d360-dtwrap .btnView:hover,
.d360-dtwrap .btnView:focus-visible,
.d360-dtwrap a.btnView:hover,
.d360-dtwrap a.btnView:focus-visible,
table.dataTable .btnView:hover,
table.dataTable .btnView:focus-visible,
table.dataTable a.btnView:hover,
table.dataTable a.btnView:focus-visible {
  background: #0065FF !important;
  color: #FFFFFF !important;
}

.d360-dt .btnView:hover .material-symbols-rounded,
.d360-dt .btnView:focus-visible .material-symbols-rounded,
.d360-dt a.btnView:hover .material-symbols-rounded,
.d360-dt a.btnView:focus-visible .material-symbols-rounded,
.d360-dtwrap .btnView:hover .material-symbols-rounded,
.d360-dtwrap .btnView:focus-visible .material-symbols-rounded,
.d360-dtwrap a.btnView:hover .material-symbols-rounded,
.d360-dtwrap a.btnView:focus-visible .material-symbols-rounded,
table.dataTable .btnView:hover .material-symbols-rounded,
table.dataTable .btnView:focus-visible .material-symbols-rounded,
table.dataTable a.btnView:hover .material-symbols-rounded,
table.dataTable a.btnView:focus-visible .material-symbols-rounded {
  color: #FFFFFF !important;
}

.d360-dt .btnEdit:hover,
.d360-dt .btnEdit:focus-visible,
.d360-dt .btnEditPerm:hover,
.d360-dt .btnEditPerm:focus-visible,
.d360-dt .btnEditCat:hover,
.d360-dt .btnEditCat:focus-visible,
.d360-dt [data-act="edit"]:hover,
.d360-dt [data-act="edit"]:focus-visible,
.d360-dtwrap .btnEdit:hover,
.d360-dtwrap .btnEdit:focus-visible,
.d360-dtwrap .btnEditPerm:hover,
.d360-dtwrap .btnEditPerm:focus-visible,
.d360-dtwrap .btnEditCat:hover,
.d360-dtwrap .btnEditCat:focus-visible,
.d360-dtwrap [data-act="edit"]:hover,
.d360-dtwrap [data-act="edit"]:focus-visible,
table.dataTable .btnEdit:hover,
table.dataTable .btnEdit:focus-visible,
table.dataTable .btnEditPerm:hover,
table.dataTable .btnEditPerm:focus-visible,
table.dataTable .btnEditCat:hover,
table.dataTable .btnEditCat:focus-visible,
table.dataTable [data-act="edit"]:hover,
table.dataTable [data-act="edit"]:focus-visible {
  background: #36B37E !important;
  color: #FFFFFF !important;
}

.d360-dt .btnEdit:hover .material-symbols-rounded,
.d360-dt .btnEdit:focus-visible .material-symbols-rounded,
.d360-dt .btnEditPerm:hover .material-symbols-rounded,
.d360-dt .btnEditPerm:focus-visible .material-symbols-rounded,
.d360-dt .btnEditCat:hover .material-symbols-rounded,
.d360-dt .btnEditCat:focus-visible .material-symbols-rounded,
.d360-dt [data-act="edit"]:hover .material-symbols-rounded,
.d360-dt [data-act="edit"]:focus-visible .material-symbols-rounded,
.d360-dtwrap .btnEdit:hover .material-symbols-rounded,
.d360-dtwrap .btnEdit:focus-visible .material-symbols-rounded,
.d360-dtwrap .btnEditPerm:hover .material-symbols-rounded,
.d360-dtwrap .btnEditPerm:focus-visible .material-symbols-rounded,
.d360-dtwrap .btnEditCat:hover .material-symbols-rounded,
.d360-dtwrap .btnEditCat:focus-visible .material-symbols-rounded,
.d360-dtwrap [data-act="edit"]:hover .material-symbols-rounded,
.d360-dtwrap [data-act="edit"]:focus-visible .material-symbols-rounded,
table.dataTable .btnEdit:hover .material-symbols-rounded,
table.dataTable .btnEdit:focus-visible .material-symbols-rounded,
table.dataTable .btnEditPerm:hover .material-symbols-rounded,
table.dataTable .btnEditPerm:focus-visible .material-symbols-rounded,
table.dataTable .btnEditCat:hover .material-symbols-rounded,
table.dataTable .btnEditCat:focus-visible .material-symbols-rounded,
table.dataTable [data-act="edit"]:hover .material-symbols-rounded,
table.dataTable [data-act="edit"]:focus-visible .material-symbols-rounded {
  color: #FFFFFF !important;
}

.d360-dt .btnDel:hover,
.d360-dt .btnDel:focus-visible,
.d360-dt .btnDelete:hover,
.d360-dt .btnDelete:focus-visible,
.d360-dt .btnDelPerm:hover,
.d360-dt .btnDelPerm:focus-visible,
.d360-dt .btnDelCat:hover,
.d360-dt .btnDelCat:focus-visible,
.d360-dt [data-act="delete"]:hover,
.d360-dt [data-act="delete"]:focus-visible,
.d360-dtwrap .btnDel:hover,
.d360-dtwrap .btnDel:focus-visible,
.d360-dtwrap .btnDelete:hover,
.d360-dtwrap .btnDelete:focus-visible,
.d360-dtwrap .btnDelPerm:hover,
.d360-dtwrap .btnDelPerm:focus-visible,
.d360-dtwrap .btnDelCat:hover,
.d360-dtwrap .btnDelCat:focus-visible,
.d360-dtwrap [data-act="delete"]:hover,
.d360-dtwrap [data-act="delete"]:focus-visible,
table.dataTable .btnDel:hover,
table.dataTable .btnDel:focus-visible,
table.dataTable .btnDelete:hover,
table.dataTable .btnDelete:focus-visible,
table.dataTable .btnDelPerm:hover,
table.dataTable .btnDelPerm:focus-visible,
table.dataTable .btnDelCat:hover,
table.dataTable .btnDelCat:focus-visible,
table.dataTable [data-act="delete"]:hover,
table.dataTable [data-act="delete"]:focus-visible {
  background: #F03000 !important;
  color: #FFFFFF !important;
}

.d360-dt .btnDel:hover .material-symbols-rounded,
.d360-dt .btnDel:focus-visible .material-symbols-rounded,
.d360-dt .btnDelete:hover .material-symbols-rounded,
.d360-dt .btnDelete:focus-visible .material-symbols-rounded,
.d360-dt .btnDelPerm:hover .material-symbols-rounded,
.d360-dt .btnDelPerm:focus-visible .material-symbols-rounded,
.d360-dt .btnDelCat:hover .material-symbols-rounded,
.d360-dt .btnDelCat:focus-visible .material-symbols-rounded,
.d360-dt [data-act="delete"]:hover .material-symbols-rounded,
.d360-dt [data-act="delete"]:focus-visible .material-symbols-rounded,
.d360-dtwrap .btnDel:hover .material-symbols-rounded,
.d360-dtwrap .btnDel:focus-visible .material-symbols-rounded,
.d360-dtwrap .btnDelete:hover .material-symbols-rounded,
.d360-dtwrap .btnDelete:focus-visible .material-symbols-rounded,
.d360-dtwrap .btnDelPerm:hover .material-symbols-rounded,
.d360-dtwrap .btnDelPerm:focus-visible .material-symbols-rounded,
.d360-dtwrap .btnDelCat:hover .material-symbols-rounded,
.d360-dtwrap .btnDelCat:focus-visible .material-symbols-rounded,
.d360-dtwrap [data-act="delete"]:hover .material-symbols-rounded,
.d360-dtwrap [data-act="delete"]:focus-visible .material-symbols-rounded,
table.dataTable .btnDel:hover .material-symbols-rounded,
table.dataTable .btnDel:focus-visible .material-symbols-rounded,
table.dataTable .btnDelete:hover .material-symbols-rounded,
table.dataTable .btnDelete:focus-visible .material-symbols-rounded,
table.dataTable .btnDelPerm:hover .material-symbols-rounded,
table.dataTable .btnDelPerm:focus-visible .material-symbols-rounded,
table.dataTable .btnDelCat:hover .material-symbols-rounded,
table.dataTable .btnDelCat:focus-visible .material-symbols-rounded,
table.dataTable [data-act="delete"]:hover .material-symbols-rounded,
table.dataTable [data-act="delete"]:focus-visible .material-symbols-rounded {
  color: #FFFFFF !important;
}

/* Final legacy/detail table action hover aliases */
.d360-dt .btnRemove:hover,
.d360-dt .btnRemove:focus-visible,
.d360-dt .person-list-remove-btn:hover,
.d360-dt .person-list-remove-btn:focus-visible,
.d360-dt .btnRemoveSpeaker:hover,
.d360-dt .btnRemoveSpeaker:focus-visible,
.d360-dt .spDel:hover,
.d360-dt .spDel:focus-visible,
.d360-dt .atDel:hover,
.d360-dt .atDel:focus-visible,
.d360-dt [data-act="del"]:hover,
.d360-dt [data-act="del"]:focus-visible,
.d360-dtwrap .btnRemove:hover,
.d360-dtwrap .btnRemove:focus-visible,
.d360-dtwrap .person-list-remove-btn:hover,
.d360-dtwrap .person-list-remove-btn:focus-visible,
.d360-dtwrap .btnRemoveSpeaker:hover,
.d360-dtwrap .btnRemoveSpeaker:focus-visible,
.d360-dtwrap .spDel:hover,
.d360-dtwrap .spDel:focus-visible,
.d360-dtwrap .atDel:hover,
.d360-dtwrap .atDel:focus-visible,
.d360-dtwrap [data-act="del"]:hover,
.d360-dtwrap [data-act="del"]:focus-visible,
table.dataTable .btnRemove:hover,
table.dataTable .btnRemove:focus-visible,
table.dataTable .person-list-remove-btn:hover,
table.dataTable .person-list-remove-btn:focus-visible,
table.dataTable .btnRemoveSpeaker:hover,
table.dataTable .btnRemoveSpeaker:focus-visible,
table.dataTable .spDel:hover,
table.dataTable .spDel:focus-visible,
table.dataTable .atDel:hover,
table.dataTable .atDel:focus-visible,
table.dataTable [data-act="del"]:hover,
table.dataTable [data-act="del"]:focus-visible {
  background: #F03000 !important;
  color: #FFFFFF !important;
}

.d360-dt .btnRemove:hover .material-symbols-rounded,
.d360-dt .btnRemove:focus-visible .material-symbols-rounded,
.d360-dt .person-list-remove-btn:hover .material-symbols-rounded,
.d360-dt .person-list-remove-btn:focus-visible .material-symbols-rounded,
.d360-dt .btnRemoveSpeaker:hover .material-symbols-rounded,
.d360-dt .btnRemoveSpeaker:focus-visible .material-symbols-rounded,
.d360-dt .spDel:hover .material-symbols-rounded,
.d360-dt .spDel:focus-visible .material-symbols-rounded,
.d360-dt .atDel:hover .material-symbols-rounded,
.d360-dt .atDel:focus-visible .material-symbols-rounded,
.d360-dt [data-act="del"]:hover .material-symbols-rounded,
.d360-dt [data-act="del"]:focus-visible .material-symbols-rounded,
.d360-dtwrap .btnRemove:hover .material-symbols-rounded,
.d360-dtwrap .btnRemove:focus-visible .material-symbols-rounded,
.d360-dtwrap .person-list-remove-btn:hover .material-symbols-rounded,
.d360-dtwrap .person-list-remove-btn:focus-visible .material-symbols-rounded,
.d360-dtwrap .btnRemoveSpeaker:hover .material-symbols-rounded,
.d360-dtwrap .btnRemoveSpeaker:focus-visible .material-symbols-rounded,
.d360-dtwrap .spDel:hover .material-symbols-rounded,
.d360-dtwrap .spDel:focus-visible .material-symbols-rounded,
.d360-dtwrap .atDel:hover .material-symbols-rounded,
.d360-dtwrap .atDel:focus-visible .material-symbols-rounded,
.d360-dtwrap [data-act="del"]:hover .material-symbols-rounded,
.d360-dtwrap [data-act="del"]:focus-visible .material-symbols-rounded,
table.dataTable .btnRemove:hover .material-symbols-rounded,
table.dataTable .btnRemove:focus-visible .material-symbols-rounded,
table.dataTable .person-list-remove-btn:hover .material-symbols-rounded,
table.dataTable .person-list-remove-btn:focus-visible .material-symbols-rounded,
table.dataTable .btnRemoveSpeaker:hover .material-symbols-rounded,
table.dataTable .btnRemoveSpeaker:focus-visible .material-symbols-rounded,
table.dataTable .spDel:hover .material-symbols-rounded,
table.dataTable .spDel:focus-visible .material-symbols-rounded,
table.dataTable .atDel:hover .material-symbols-rounded,
table.dataTable .atDel:focus-visible .material-symbols-rounded,
table.dataTable [data-act="del"]:hover .material-symbols-rounded,
table.dataTable [data-act="del"]:focus-visible .material-symbols-rounded {
  color: #FFFFFF !important;
}

.d360-dt .d360-speaker-remove-btn,
.d360-dtwrap .d360-speaker-remove-btn,
table.dataTable .d360-speaker-remove-btn {
  align-items: center !important;
  background: #F2F2F2 !important;
  border: 0 !important;
  border-radius: 8px !important;
  color: #F03000 !important;
  display: inline-flex !important;
  flex: 0 0 30px;
  height: 30px !important;
  justify-content: center !important;
  min-width: 30px !important;
  padding: 0 !important;
  width: 30px !important;
}

.d360-dt .d360-speaker-remove-btn:hover,
.d360-dt .d360-speaker-remove-btn:focus-visible,
.d360-dtwrap .d360-speaker-remove-btn:hover,
.d360-dtwrap .d360-speaker-remove-btn:focus-visible,
table.dataTable .d360-speaker-remove-btn:hover,
table.dataTable .d360-speaker-remove-btn:focus-visible {
  background: #F03000 !important;
  color: #FFFFFF !important;
}

.d360-dt .d360-speaker-remove-btn .material-symbols-rounded,
.d360-dtwrap .d360-speaker-remove-btn .material-symbols-rounded,
table.dataTable .d360-speaker-remove-btn .material-symbols-rounded {
  color: #F03000 !important;
  font-size: 20px !important;
  line-height: 1 !important;
}

.d360-dt .d360-speaker-remove-btn:hover .material-symbols-rounded,
.d360-dt .d360-speaker-remove-btn:focus-visible .material-symbols-rounded,
.d360-dtwrap .d360-speaker-remove-btn:hover .material-symbols-rounded,
.d360-dtwrap .d360-speaker-remove-btn:focus-visible .material-symbols-rounded,
table.dataTable .d360-speaker-remove-btn:hover .material-symbols-rounded,
table.dataTable .d360-speaker-remove-btn:focus-visible .material-symbols-rounded {
  color: #FFFFFF !important;
  font-size: 20px !important;
  line-height: 1 !important;
}

.person-messages-row-actions button:first-child:hover,
.person-messages-row-actions button:first-child:focus-visible {
  background: #0065FF !important;
  color: #FFFFFF !important;
}

.person-messages-row-actions button:last-child:hover,
.person-messages-row-actions button:last-child:focus-visible {
  background: #F03000 !important;
  color: #FFFFFF !important;
}

.person-messages-row-actions button:hover .material-symbols-rounded,
.person-messages-row-actions button:focus-visible .material-symbols-rounded {
  color: #FFFFFF !important;
}

/* Message compose recipient field */
.d360-message-compose .d360-message-recipient-field,
.d360-message-compose .d360-sms-recipient-field {
  align-items: center !important;
  background: #FFFFFF !important;
  border: 1px solid var(--d360-black-200) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  color: #111827 !important;
  display: flex !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  height: auto !important;
  min-height: 38px !important;
  padding: 5px 44px 5px 12px !important;
  position: relative !important;
  width: 100% !important;
}

.d360-message-compose .d360-message-recipient-chips,
.d360-message-compose .d360-sms-recipient-chips {
  align-items: center !important;
  color: #111827 !important;
  display: flex !important;
  flex: 1 1 auto !important;
  flex-wrap: wrap !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  gap: 6px !important;
  min-height: 26px !important;
}

.d360-message-compose .d360-message-recipient-chips > .text-sm,
.d360-message-compose .d360-sms-recipient-chips > .text-sm {
  color: #9CA3AF !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
}

.d360-message-compose .d360-message-recipient-add,
.d360-message-compose .d360-sms-recipient-add {
  align-items: center !important;
  background: #0065FF !important;
  border: 0 !important;
  border-radius: 9999px !important;
  color: #FFFFFF !important;
  display: inline-flex !important;
  height: 18px !important;
  justify-content: center !important;
  padding: 0 !important;
  position: absolute !important;
  right: 17px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 18px !important;
}

.d360-message-compose .d360-message-recipient-add .material-symbols-rounded,
.d360-message-compose .d360-sms-recipient-add .material-symbols-rounded {
  color: #FFFFFF !important;
  font-size: 17px !important;
  line-height: 1 !important;
}

.d360-message-compose .d360-message-recipient-add:hover,
.d360-message-compose .d360-sms-recipient-add:hover {
  background: #0052CC !important;
}

.d360-message-compose .d360-message-recipient-chips > span,
.d360-message-compose .d360-sms-recipient-chips > span {
  align-items: center !important;
  border-radius: 6px !important;
  display: inline-flex !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  gap: 6px !important;
  line-height: 1 !important;
  min-height: 28px !important;
  padding: 0 9px !important;
}

.d360-message-compose .d360-message-recipient-chips > span button,
.d360-message-compose .d360-sms-recipient-chips > span button {
  align-items: center !important;
  display: inline-flex !important;
  height: 14px !important;
  justify-content: center !important;
  line-height: 1 !important;
  padding: 0 !important;
  width: 14px !important;
}

.d360-message-compose .d360-message-recipient-chips > span button .material-symbols-rounded,
.d360-message-compose .d360-sms-recipient-chips > span button .material-symbols-rounded {
  font-size: 14px !important;
  line-height: 1 !important;
}

.d360-message-compose .d360-file-upload-widget {
  height: 148px !important;
  min-height: 148px !important;
}

.d360-message-compose .d360-file-upload-widget.is-uploaded {
  border: 1px dashed #D6DCE5 !important;
  border-radius: 8px !important;
  gap: 8px !important;
  height: 148px !important;
  max-width: 300px !important;
  min-height: 148px !important;
  padding: 12px !important;
  width: 300px !important;
}

.d360-message-compose .d360-file-upload-widget.is-uploaded::before {
  color: #0065FF;
  content: "Öğrenci Belgesi";
  font-size: 13px;
  font-weight: 700;
  line-height: 1.25;
}

.d360-message-compose .d360-file-upload-widget.is-uploaded .d360-file-upload-preview {
  align-items: center;
  display: grid;
  gap: 10px;
  grid-template-columns: 34px minmax(0, 1fr) auto;
}

.d360-file-upload-success-icon {
  align-items: center;
  background: #00A86B;
  border-radius: 9999px;
  color: #FFFFFF;
  display: inline-flex;
  height: 34px;
  justify-content: center;
  width: 34px;
}

.d360-file-upload-success-icon .material-symbols-rounded {
  color: currentColor;
  font-size: 21px;
}

.d360-message-compose .d360-file-upload-widget.is-uploaded .d360-file-upload-name {
  color: #172033;
  font-size: 13px;
  font-weight: 700;
}

.d360-file-upload-progress {
  background: transparent;
  height: 8px;
  padding-top: 5px;
  width: 100%;
}

.d360-file-upload-progress span {
  background: #00A86B;
  display: block;
  height: 2px;
  width: 100%;
}

.d360-message-compose .d360-file-upload-widget.is-uploaded .d360-file-upload-meta {
  color: #4B5563;
  font-size: 9px;
  white-space: nowrap;
}

.d360-message-compose .d360-file-upload-widget.is-uploaded .d360-file-upload-help {
  color: #4B5563;
  font-size: 9px;
  gap: 1px;
}

.d360-message-compose .d360-file-upload-widget.is-uploaded .d360-file-upload-button,
.d360-message-compose .d360-file-upload-widget.is-uploaded .d360-file-upload-status {
  display: none !important;
}

.d360-file-upload-actions {
  align-items: center;
  display: flex;
  gap: 14px;
  padding-top: 2px;
}

.d360-file-upload-action {
  align-items: center;
  background: #F2F2F2;
  border: 0;
  border-radius: 4px;
  color: inherit;
  display: inline-flex;
  height: 26px;
  justify-content: center;
  padding: 0;
  transition: background-color .15s ease, color .15s ease;
  width: 26px;
}

.d360-file-upload-action .material-symbols-rounded {
  color: currentColor;
  font-size: 18px;
}

.d360-file-upload-action--view {
  color: #0065FF;
}

.d360-file-upload-action--download {
  color: #FF8B00;
}

.d360-file-upload-action--delete {
  color: #F03000;
}

.d360-file-upload-action--view:hover,
.d360-file-upload-action--view:focus-visible {
  background: #0065FF;
  color: #FFFFFF;
}

.d360-file-upload-action--download:hover,
.d360-file-upload-action--download:focus-visible {
  background: #FF8B00;
  color: #FFFFFF;
}

.d360-file-upload-action--delete:hover,
.d360-file-upload-action--delete:focus-visible {
  background: #F03000;
  color: #FFFFFF;
}

.d360-file-preview-modal {
  align-items: center;
  background: rgba(17, 24, 39, 0.38);
  display: flex;
  inset: 0;
  justify-content: center;
  padding: 28px;
  position: fixed;
  z-index: 260;
}

.d360-file-preview-dialog {
  background: #FFFFFF;
  border-radius: 8px;
  box-shadow: 0 24px 70px rgba(15, 23, 42, 0.24);
  display: flex;
  flex-direction: column;
  height: min(760px, calc(100vh - 56px));
  overflow: hidden;
  width: min(980px, calc(100vw - 56px));
}

.d360-file-preview-header {
  align-items: center;
  border-bottom: 1px solid #E5E7EB;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  padding: 14px 16px;
}

.d360-file-preview-title {
  color: #172033;
  font-size: 14px;
  font-weight: 700;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.d360-file-preview-close {
  align-items: center;
  background: #F2F2F2;
  border: 0;
  border-radius: 4px;
  color: #172033;
  display: inline-flex;
  height: 30px;
  justify-content: center;
  width: 30px;
}

.d360-file-preview-body {
  background: #F8FAFC;
  flex: 1 1 auto;
  min-height: 0;
  padding: 14px;
}

.d360-file-preview-frame,
.d360-file-preview-image {
  background: #FFFFFF;
  border: 1px solid #E5E7EB;
  border-radius: 6px;
  height: 100%;
  width: 100%;
}

.d360-file-preview-image {
  object-fit: contain;
}

.d360-file-preview-empty {
  align-items: center;
  color: #6B7280;
  display: flex;
  font-size: 14px;
  height: 100%;
  justify-content: center;
  text-align: center;
}

.d360-recipient-dialog {
  background: #FFFFFF;
  border: 1px solid #B8B8B8;
  border-radius: 6px;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.12);
  overflow: hidden;
  width: min(92vw, 470px);
}

.d360-recipient-dialog__header {
  align-items: center;
  border-bottom: 1px dashed #B8B8B8;
  display: flex;
  height: 52px;
  justify-content: space-between;
  padding: 0 24px;
}

.d360-recipient-dialog__header h3 {
  color: #0065FF;
  font-size: 16px;
  font-weight: 700;
  margin: 0;
}

.d360-recipient-dialog__header button {
  align-items: center;
  background: transparent;
  border: 0;
  color: #6B7280;
  display: inline-flex;
  height: 22px;
  justify-content: center;
  padding: 0;
  width: 22px;
}

.d360-recipient-dialog__header .material-symbols-rounded {
  font-size: 19px;
}

.d360-recipient-dialog__body {
  padding: 30px 28px 20px;
}

.d360-recipient-dialog__search {
  position: relative;
}

.d360-recipient-dialog__search input {
  border: 1px solid #D1D5DB;
  border-radius: 5px;
  color: #111827;
  font-size: 12px;
  height: 30px;
  outline: none;
  padding: 0 34px 0 12px;
  width: 100%;
}

.d360-recipient-dialog__search input::placeholder {
  color: #B8B8B8;
}

.d360-recipient-dialog__search .material-symbols-rounded {
  color: #B8B8B8;
  font-size: 20px;
  position: absolute;
  right: 9px;
  top: 50%;
  transform: translateY(-50%);
}

.d360-recipient-dialog__mode {
  align-items: center;
  display: flex;
  gap: 8px;
  margin-top: 20px;
  white-space: nowrap;
}

.d360-recipient-dialog__mode > span {
  color: #111827;
  font-size: 16px;
  font-weight: 700;
}

.d360-recipient-dialog__mode select {
  background: #FFFFFF;
  border: 1px solid #D1D5DB;
  border-radius: 6px;
  color: #374151;
  font-size: 12px;
  height: 28px;
  padding: 0 26px 0 10px;
}

.d360-recipient-dialog__list {
  margin-top: 18px;
}

.d360-recipient-dialog__table-head {
  align-items: center;
  background: #F3F3F3;
  border-radius: 4px 4px 0 0;
  color: #0065FF;
  display: grid;
  font-size: 11px;
  font-weight: 700;
  grid-template-columns: 28px 1fr 22px;
  height: 42px;
  padding: 0 10px;
}

.d360-recipient-dialog__table-head input,
.d360-recipient-dialog__row input {
  height: 14px;
  width: 14px;
}

.d360-recipient-dialog__table-head .material-symbols-rounded {
  color: #AFAFAF;
  font-size: 19px;
}

.d360-recipient-dialog__rows {
  max-height: 205px;
  overflow: auto;
}

.d360-recipient-dialog__row {
  border-bottom: 1px dashed #C9C9C9;
  min-height: 40px;
  padding: 0 10px;
}

.d360-recipient-dialog__row > label,
label.d360-recipient-dialog__row {
  align-items: center;
  display: grid !important;
  column-gap: 14px !important;
  grid-template-columns: 22px minmax(0, 1fr);
  min-height: 40px;
  width: 100%;
}

.d360-recipient-dialog__row > label span,
label.d360-recipient-dialog__row > span {
  color: #111827 !important;
  display: block;
  font-size: 11px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.d360-recipient-dialog__empty {
  border-bottom: 1px dashed #C9C9C9;
  color: #9CA3AF;
  font-size: 12px;
  padding: 14px 8px;
}

.d360-recipient-dialog__actions {
  align-items: center;
  display: flex;
  gap: 18px;
  justify-content: center;
  margin-top: 24px;
}

.d360-recipient-dialog__cancel,
.d360-recipient-dialog__add {
  border-radius: 6px;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 400 !important;
  height: 32px !important;
  line-height: 1 !important;
  min-height: 32px !important;
  min-width: 82px !important;
  padding: 0 18px;
}

.d360-recipient-dialog__cancel {
  background: #FFFFFF;
  border: 1px solid #F03000;
  color: #F03000;
}

.d360-recipient-dialog__add {
  background: #0065FF;
  border: 1px solid #0065FF;
  color: #FFFFFF;
}

.d360-recipient-dialog__add:hover {
  background: #0052CC;
  border-color: #0052CC;
}

#modalCancel.d360-recipient-dialog__cancel,
#modalAdd.d360-recipient-dialog__add,
#recCancel.d360-recipient-dialog__cancel,
#recAdd.d360-recipient-dialog__add {
  font-family: inherit !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  text-align: center !important;
}

/* Table height is a baseline so wrapped content stays readable on small screens. */
body table > tbody > tr {
  height: 52px !important;
}

body table > tbody > tr > :is(td, th),
body .persons-table-wrap table.dataTable > tbody > tr > td {
  box-sizing: border-box;
  height: 52px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  vertical-align: middle !important;
}

body table > tbody > tr.child,
body table > tbody > tr.child > td {
  height: auto !important;
}

body button.d360-table-action--columns {
  box-sizing: border-box;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  flex: 0 0 40px;
  border: 1px solid var(--d360-table-toolbar-blue) !important;
  border-radius: 8px !important;
  background: #EFFDFF !important;
  color: var(--d360-table-toolbar-blue) !important;
}

body button.d360-table-action--columns .material-symbols-rounded {
  color: inherit !important;
  font-size: 20px !important;
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 20;
}

body button.d360-table-action--columns:hover,
body button.d360-table-action--columns:focus-visible {
  background: #DEEBFF !important;
  color: var(--d360-table-toolbar-blue) !important;
}