@font-face {
  font-family: "Dembo Pinyon";
  src: url("/files/dembo-pinyon-4aab130a6ed2.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

.dembo-name-token,
.dembo-name-control {
  font-family: "Dembo Pinyon", cursive !important;
  font-style: normal !important;
  font-weight: 400 !important;
  text-transform: none !important;
}
.dembo-name-token { font-size: 1.18em; }
.dembo-name-control { font-size: 1.18em !important; }

.dembo-crm-brand { min-height: 64px; gap: 4px; }
.dembo-crm-brand > .dembo-crm-name-group { order: 1; margin-left: 0 !important; }
.dembo-crm-brand > .dembo-crm-quill { order: 2; width: 29px !important; height: 42px !important; max-width: 29px !important; object-fit: contain; background: transparent !important; border: 0 !important; border-radius: 0 !important; }
.dembo-crm-quill > img { width: 100% !important; height: 100% !important; object-fit: contain !important; background: transparent !important; }
.dembo-crm-brand > :last-child:not(.dembo-crm-quill):not(.dembo-crm-name-group) { order: 3; }
.dembo-crm-brand .dembo-crm-name {
  font-family: "Dembo Pinyon", cursive !important;
  font-size: 25px !important;
  line-height: 1.2 !important;
  font-weight: 400 !important;
  padding-top: 2px;
}
.dembo-crm-name .dembo-name-token { font-size: inherit; }
.dembo-product-wordmark {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  max-width: 100%;
  color: inherit;
  vertical-align: middle;
}
.dembo-product-wordmark > span {
  font-family: "Dembo Pinyon", cursive !important;
  font-size: 32px;
  line-height: 1.35;
  font-weight: 400;
  white-space: nowrap;
}
.dembo-product-wordmark .dembo-name-token { font-size: inherit; }
.dembo-product-wordmark > img { width: 29px; height: 40px; object-fit: contain; background: transparent !important; border: 0; }
.dembo-product-wordmark-image { width: 220px !important; max-width: 100% !important; height: 58px !important; object-fit: contain; background: transparent !important; border: 0 !important; }
.dembo-login-wordmark { display: block; margin: 0 auto 12px; width: 300px !important; height: auto !important; max-height: 90px !important; }
.dembo-erp-brand { display: flex !important; gap: 3px; min-height: 62px; }
.dembo-erp-brand > .sidebar-item-icon { display: none !important; }
.dembo-erp-brand > .title-container { order: 1; margin-left: 0 !important; flex: 1; min-width: 0; }
.dembo-erp-brand .header-title { font-family: "Dembo Pinyon", cursive !important; font-size: 25px !important; line-height: 1.3 !important; font-weight: 400 !important; }
.dembo-erp-brand .header-title .dembo-name-token { font-size: inherit; }
.dembo-erp-brand > .dembo-erp-quill { order: 2; width: 27px; height: 40px; object-fit: contain; flex: 0 0 27px; }
.dembo-erp-brand > .drop-icon { order: 3; flex: 0 0 16px; }