/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.default-style .sidenav .app-brand.demo {
  height: 66px;
}

.material-style .sidenav .app-brand.demo {
  height: 70px;
}

.app-brand-logo.demo {
  display: flex;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
}

.app-brand-logo.demo svg {
  width: 20px;
  height: 11px;
}

.app-brand-text.demo {
  font-size: 1.1rem;
}

.layout-1 .layout-sidenav .app-brand.demo,
.layout-1 .layout-sidenav .app-brand.demo + .sidenav-divider,
.layout-reversed .layout-2 .layout-sidenav .app-brand.demo {
  display: none;
}

.layout-1 .layout-navbar .app-brand.demo,
.layout-reversed .layout-2 .layout-navbar .app-brand.demo {
  display: flex !important;
}

.layout-1 .layout-navbar .layout-sidenav-toggle,
.layout-reversed .layout-2 .layout-navbar .layout-sidenav-toggle,
.layout-offcanvas .layout-navbar .layout-sidenav-toggle,
.layout-fixed-offcanvas .layout-navbar .layout-sidenav-toggle {
  display: block !important;
}

@media (min-width: 992px) {
  .layout-offcanvas .layout-sidenav .layout-sidenav-toggle,
  .layout-fixed-offcanvas .layout-sidenav .layout-sidenav-toggle {
    display: none;
  }
}
/* *****************************************************************************
 * Navbar
 */
.demo-navbar-messages .dropdown-toggle,
.demo-navbar-notifications .dropdown-toggle,
.demo-navbar-user .dropdown-toggle,
.demo-navbar-messages.b-nav-dropdown .nav-link,
.demo-navbar-notifications.b-nav-dropdown .nav-link,
.demo-navbar-user.b-nav-dropdown .nav-link {
  white-space: nowrap;
}

.demo-navbar-messages .dropdown-menu,
.demo-navbar-notifications .dropdown-menu {
  overflow: hidden;
  padding: 0;
}

@media (min-width: 992px) {
  .demo-navbar-messages .dropdown-menu,
  .demo-navbar-notifications .dropdown-menu {
    margin-top: 0.5rem;
    width: 22rem;
  }
  .demo-navbar-user .dropdown-menu {
    margin-top: 0.25rem;
  }
}
/* *****************************************************************************
 * Content
 */
.demo-vertical-spacing > * + * {
  margin-top: 1.875rem !important;
  margin-bottom: 0 !important;
}

.demo-vertical-spacing-sm > * + * {
  margin-top: 0.9375rem !important;
  margin-bottom: 0 !important;
}

.demo-vertical-spacing-lg > * + * {
  margin-top: 5rem !important;
  margin-bottom: 0 !important;
}

.demo-inline-spacing > *,
.demo-paragraph-spacing > p > * {
  margin: 0 0.375rem 0.9375rem 0 !important;
}

.demo-paragraph-spacing > p {
  margin: 0;
}

.demo-blocks > * {
  display: block !important;
}

html:not(.material-style) .material-style-only {
  display: none !important;
}

.rtl-only {
  display: none !important;
  text-align: left !important;
  direction: ltr !important;
}

[dir=rtl] .rtl-only {
  display: block !important;
}

/* *****************************************************************************
 * Layouts
 */
.layout-example-block {
  margin-top: 10px;
  padding: 10px;
  border: 1px solid rgba(0, 0, 0, 0.04);
  border-radius: 2px;
  background: rgba(0, 0, 0, 0.04);
  color: #c7254e;
}

.layout-example-block code {
  background: none;
  color: #666;
}

.layout-example-block-inner {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  height: 500px;
}

.layout-example-block-sidenav {
  width: 24%;
  background: #607d8b;
}

.layout-example-block-sidenav code {
  color: #fff;
}

.layout-example-block-navbar {
  background: #3ca99e;
}

.layout-example-block-navbar code {
  color: #fff;
}

.layout-example-block-content {
  background: #9e9e9e;
}

.layout-example-block-content code {
  color: #fff;
}

.layout-example-block-1 .layout-example-block-content {
  width: 74%;
}

.layout-example-block-2 .layout-example-block-container {
  display: flex;
  flex-direction: column;
  width: 74%;
}

.layout-example-block-2 > .layout-example-block {
  flex: 0 0 auto;
}

.layout-example-block-2 .layout-example-block-content {
  flex-grow: 1;
}

.layout-example-block-1-no-sidenav .layout-example-block-content {
  width: 100%;
}

.layout-example-code {
  display: block;
  overflow: auto;
  margin: 0;
  padding: 30px;
  min-width: 0;
  width: 100%;
  background: #fff;
}

.layout-example-run {
  display: inline-block;
  margin: 3px;
  padding: 4px 6px;
  border: 1px solid #eee;
  background: transparent;
  white-space: nowrap;
  line-height: 1;
}

.layout-example-block-3 .layout-example-block-inner {
  display: flex;
  flex-direction: column;
}

.layout-example-block-3 .layout-example-block-inner > .layout-example-block {
  flex: 0 0 auto;
}

.layout-example-block-3 .layout-example-block-inner .layout-example-block-container-fluid {
  flex-grow: 1;
}

.layout-example-block-3 .layout-example-block-sidenav-horizontal {
  background: #607d8b;
}

.layout-example-block-3 .layout-example-block-container-fluid {
  background: #fff;
}

.layout-example-block-3 .layout-example-block-container-fluid code {
  color: #666;
}

.layout-example-block-3 .layout-example-block-footer {
  background: #e6514a;
}

#toast-container > div {
  font-family: "Open Sans", sans-serif !important;
  opacity: 1;
  margin-top: 5vh;
  padding: 15px 15px 20px 15px;
  background-image: none;
  border-radius: 8px;
  font-weight: bold;
  font-size: medium;
}

.toast-success {
  background-color: #1ABC77 !important;
}

.toast-error {
  background-color: #D9534F !important;
}

button.toast-close-button {
  font-size: xx-large;
  font-weight: 300;
  margin-right: 5px;
  max-height: 0.5vmin;
}
button.toast-close-button:hover {
  color: #FFFFFF;
}

* {
  font-family: "Open Sans", sans-serif !important;
}

.clin-icon--outlined {
  font-family: "Material Symbols Outlined", sans-serif !important;
}

.clin-icon--rounded {
  font-family: "Material Symbols Rounded", sans-serif !important;
}

.clin-icon--filled {
  font-family: "Material Symbols Outlined", sans-serif !important;
}

clin-button button:focus {
  outline: none;
}

::-webkit-scrollbar {
  width: 0.5vmin;
  border-radius: 8px !important;
}

::-webkit-scrollbar-thumb {
  background: #928F8F !important;
  border-radius: 8px !important;
}

.is-invalid {
  color: #D9534F !important;
}

.cursor-pointer {
  cursor: pointer;
}

.modal-dialog {
  width: 482px !important;
}

.text-align-center {
  text-align: center;
}

p {
  font-size: 20px !important;
  line-height: 130%;
  font-weight: 400;
  color: var(--brand-secondary, #333333) !important;
  margin: 0;
}

.p2 {
  font-size: 18px !important;
}

.p3 {
  font-size: 16px !important;
}

.p4 {
  font-size: 14px !important;
}

.small {
  font-size: 12px !important;
}

h1 {
  font-size: 24px !important;
  color: var(--brand-secondary-light, #545252) !important;
  line-height: 140% !important;
}

h2 {
  font-size: 22px !important;
  line-height: 140% !important;
  color: var(--brand-secondary-light, #545252) !important;
}

.align-error-text {
  transform: translateY(2px);
  margin-left: 5px;
}

.default-border-radius {
  border-radius: 8px !important;
}

.regular {
  font-weight: 400;
}

.semi-bold {
  font-weight: 600;
}

.bold {
  font-weight: 700;
}

.invalid {
  color: #D9534F !important;
  padding: 0px 0px 15px;
}

.form-control {
  border-color: #928F8F;
  padding: 21px 16px !important;
  border-radius: 8px !important;
  font-size: 14px !important;
}

.form-control:focus {
  border-color: var(--brand-primary, #F2AB27);
}

.separator {
  height: 100vh;
  width: 8px;
  background-color: var(--brand-secondary, #333333);
}

.was-validated .form-control:invalid,
.form-control.is-invalid,
.was-validated .custom-select:invalid,
.custom-select.is-invalid {
  border-color: #D9534F;
}

.invalid-feedback {
  color: #D9534F;
  display: inline !important;
}

@media (min-width: 720px) {
  ngb-carousel,
  .dropdown-item,
  ngb-datepicker,
  ngb-rating {
    outline: 0 !important;
  }
}
.layout-wrapper {
  overflow: hidden;
}

.router-transitions {
  opacity: 1;
  transition: opacity 0.2s;
}
body.app-loading .router-transitions {
  opacity: 0.75;
}
@keyframes ngFloatingElementAnimation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.default-style .tooltip,
.default-style .popover,
.material-style .tooltip,
.material-style .popover {
  animation: ngFloatingElementAnimation 0.25s;
}
.default-style .dropdown-menu,
.material-style .dropdown-menu {
  animation: ngFloatingElementAnimation 0.1s;
}
@keyframes ngModalBackdropAnimation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.5;
  }
}
@keyframes ngMaterialModalBackdropAnimation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.2;
  }
}
@keyframes ngDefaultModalAnimation {
  0% {
    opacity: 0;
    transform: translateY(150px) scale(0.8);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes ngTopModalAnimation {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes ngSlideModalAnimation {
  0% {
    opacity: 0;
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes ngRtlSlideModalAnimation {
  0% {
    opacity: 0;
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes ngFillInModalAnimation {
  0% {
    opacity: 0;
    transform: scale(0.5, 0.5);
  }
  100% {
    opacity: 1;
    transform: scale(1, 1);
  }
}
ngb-modal-backdrop.modal-backdrop {
  opacity: 0.5;
  animation: ngModalBackdropAnimation 0.15s ease-out;
}

.modal-content .position-logo svg-icon,
.modal-content .modal-header-custom .icon-container svg-icon {
  color: var(--brand-primary, var(--brand-primary, #F2AB27));
}

ngb-modal-window.modal .modal-dialog {
  animation: ngDefaultModalAnimation 0.15s ease-out;
}
ngb-modal-window.modal-top .modal-dialog {
  animation: ngTopModalAnimation 0.15s ease-out;
}
ngb-modal-window.modal-slide .modal-dialog {
  animation: ngSlideModalAnimation 0.15s ease-out;
}
ngb-modal-window.modal-fill-in .modal-dialog {
  animation: ngFillInModalAnimation 0.15s ease-out;
}
[dir=rtl] ngb-modal-window.modal-slide .modal-dialog {
  animation: ngRtlSlideModalAnimation 0.15s ease-out;
}

.material-style ngb-modal-backdrop.modal-backdrop {
  opacity: 0.2;
  animation: ngMaterialModalBackdropAnimation 0.15s ease-out;
}

[dir=rtl] .dz-hidden-input {
  right: 0 !important;
  left: auto !important;
}

ngb-accordion .card-header .btn.btn-link {
  width: 100%;
  padding: 0;
  text-align: inherit;
  white-space: normal;
  border: 0;
  font-size: 0.894rem;
}

.ngb-accordion-with-icon .card-header .btn.btn-link {
  display: flex;
  justify-content: space-between;
}

ngb-typeahead-window .dropdown-item {
  cursor: pointer;
}

.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #928F8F;
  opacity: 1; /* Firefox */
}

.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #928F8F;
}

.form-control::-ms-input-placeholder { /* Microsoft Edge */
  color: #928F8F;
}

.genericErrorModal .modal-dialog {
  word-wrap: break-word;
}

.offset-paginator-chat-opened {
  margin-right: 6vmin;
}

.primary-text-color {
  color: var(--brand-primary, #F2AB27);
}

.primary-light-text-color {
  color: var(--brand-primary-light, #FFC14F) !important;
}

.primary-dark-text-color {
  color: var(--brand-primary-dark, #E59500) !important;
}

.secondary-text-color {
  color: var(--brand-secondary, #333333) !important;
}

.secondary-light-text-color {
  color: var(--brand-secondary-light, #545252) !important;
}

.secondary-dark-text-color {
  color: var(--brand-secondary-dark, #222222) !important;
}

.white-text-color {
  color: #FFFFFF !important;
}

.gray-text-color {
  color: #ADAFB4 !important;
}

.gray-light-text-color {
  color: #E1DFDF !important;
}

.gray-dark-text-color {
  color: #928F8F !important;
}

.background-text-color {
  color: var(--brand-background, #F7F7F7) !important;
}

.error-text-color {
  color: #D9534F !important;
}

.success-text-color {
  color: #1ABC77 !important;
}

.info-text-color {
  color: #1AB2BC !important;
}

.warning-text-color {
  color: #E9D20B !important;
}

.color-light-yellow-text-color {
  color: rgba(255, 193, 79, 0.2) !important;
}

.color-light-yellow-alternate-text-color {
  color: rgba(255, 193, 79, 0.3490196078) !important;
}

.color-light-blue-text-color {
  color: rgba(0, 29, 70, 0.2) !important;
}

.font-color-light-blue-text-color {
  color: rgba(0, 29, 70, 0.8980392157) !important;
}

.color-light-blue-alternate-text-color {
  color: rgba(0, 29, 70, 0.3490196078) !important;
}

.color-light-green-text-color {
  color: rgba(59, 168, 144, 0.2) !important;
}

.font-color-light-green-text-color {
  color: #3BA890 !important;
}

.color-light-green-alternate-text-color {
  color: rgba(59, 168, 144, 0.3490196078) !important;
}

.color-light-red-text-color {
  color: rgba(217, 83, 79, 0.2) !important;
}

.color-light-red-alternat-text-color {
  color: rgba(217, 83, 79, 0.3490196078) !important;
}
/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/ngx-toastr/toastr.css?ngGlobalStyle ***!
  \******************************************************************************************************************************************************************************************************************************************/
/* based on angular-toastr css https://github.com/Foxandxss/angular-toastr/blob/cb508fe6801d6b288d3afc525bb40fee1b101650/dist/angular-toastr.css */

/* position */
.toast-center-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}

/* toast styles */
.toast-title {
  font-weight: bold;
}
.toast-message {
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #FFFFFF;
}
.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 0 1px 0 #ffffff;
  /* opacity: 0.8; */
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
}
/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.toast-container {
  pointer-events: none;
  position: fixed;
  z-index: 999999;
}
.toast-container * {
  box-sizing: border-box;
}
.toast-container .ngx-toastr {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  background-size: 24px;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
}
.toast-container .ngx-toastr:hover {
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  cursor: pointer;
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/info-circle.svg */
.toast-info {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+");
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/times-circle.svg */
.toast-error {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+");
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/check.svg */
.toast-success {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==");
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/exclamation-triangle.svg */
.toast-warning {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==");
}
.toast-container.toast-top-center .ngx-toastr,
.toast-container.toast-bottom-center .ngx-toastr {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.toast-container.toast-top-full-width .ngx-toastr,
.toast-container.toast-bottom-full-width .ngx-toastr {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
.ngx-toastr {
  background-color: #030303;
  pointer-events: auto;
}
.toast-success {
  background-color: #51A351;
}
.toast-error {
  background-color: #BD362F;
}
.toast-info {
  background-color: #2F96B4;
}
.toast-warning {
  background-color: #F89406;
}
.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
}

/* Responsive Design */
@media all and (max-width: 240px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  .toast-container .ngx-toastr.div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}

/*!***********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@clin/ui/src/lib/theming/variables.css?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************/
/* Tokens ref/sys/theme; marcas em [data-brand]. */

:root {
  /* Default (AgiSales) */
  --clin-color-primary: #f59e0b; /* Amber 500 */
  --clin-color-primary-hover: #d97706; /* Amber 600 */
  --clin-color-text: #1f2937;
  --clin-border-radius: 4px;
}

:root {
  --ref-color-neutral-0: #0a0a0a;
  --ref-color-neutral-10: #171717;
  --ref-color-neutral-20: #262626;
  --ref-color-neutral-30: #404040;
  --ref-color-neutral-40: #525252;
  --ref-color-neutral-50: #737373;
  --ref-color-neutral-60: #a3a3a3;
  --ref-color-neutral-70: #d4d4d4;
  --ref-color-neutral-80: #e5e5e5;
  --ref-color-neutral-90: #f5f5f5;
  --ref-color-neutral-100: #fafafa;

  --ref-color-teal-0: #042f2e;
  --ref-color-teal-10: #134e4a;
  --ref-color-teal-20: #115e59;
  --ref-color-teal-30: #0f766e;
  --ref-color-teal-40: #0d9488;
  --ref-color-teal-50: #14b8a6;
  --ref-color-teal-60: #2dd4bf;
  --ref-color-teal-70: #5eead4;
  --ref-color-teal-80: #99f6e4;
  --ref-color-teal-90: #ccfbf1;
  --ref-color-teal-100: #f0fdfa;

  --ref-color-emerald-0: #022c22;
  --ref-color-emerald-10: #064e3b;
  --ref-color-emerald-20: #065f46;
  --ref-color-emerald-30: #047857;
  --ref-color-emerald-40: #059669;
  --ref-color-emerald-50: #10b981;
  --ref-color-emerald-60: #34d399;
  --ref-color-emerald-70: #6ee7b7;
  --ref-color-emerald-80: #a7f3d0;
  --ref-color-emerald-90: #d1fae5;
  --ref-color-emerald-100: #ecfdf5;

  --ref-color-green-0: #022c22;
  --ref-color-green-10: #14532d;
  --ref-color-green-20: #166534;
  --ref-color-green-30: #15803d;
  --ref-color-green-40: #16a34a;
  --ref-color-green-50: #22c55e;
  --ref-color-green-60: #4ade80;
  --ref-color-green-70: #86efac;
  --ref-color-green-80: #bbf7d0;
  --ref-color-green-90: #dcfce7;
  --ref-color-green-100: #f0fdf4;

  --ref-color-blue-0: #172554;
  --ref-color-blue-10: #1e3a8a;
  --ref-color-blue-20: #1e40af;
  --ref-color-blue-30: #1d4ed8;
  --ref-color-blue-40: #2563eb;
  --ref-color-blue-50: #3b82f6;
  --ref-color-blue-60: #60a5fa;
  --ref-color-blue-70: #93c5fd;
  --ref-color-blue-80: #bfdbfe;
  --ref-color-blue-90: #dbeafe;
  --ref-color-blue-100: #eff6ff;

  --ref-color-sky-0: #082f49;
  --ref-color-sky-10: #0c4a6e;
  --ref-color-sky-20: #075985;
  --ref-color-sky-30: #0369a1;
  --ref-color-sky-40: #0284c7;
  --ref-color-sky-50: #0ea5e9;
  --ref-color-sky-60: #38bdf8;
  --ref-color-sky-70: #7dd3fc;
  --ref-color-sky-80: #bae6fd;
  --ref-color-sky-90: #e0f2fe;
  --ref-color-sky-100: #f0f9ff;

  --ref-color-violet-0: #2e1065;
  --ref-color-violet-10: #4c1d95;
  --ref-color-violet-20: #5b21b6;
  --ref-color-violet-30: #6d28d9;
  --ref-color-violet-40: #7c3aed;
  --ref-color-violet-50: #8b5cf6;
  --ref-color-violet-60: #a78bfa;
  --ref-color-violet-70: #c4b5fd;
  --ref-color-violet-80: #ddd6fe;
  --ref-color-violet-90: #ede9fe;
  --ref-color-violet-100: #f5f3ff;

  --ref-color-amber-0: #451a03;
  --ref-color-amber-10: #78350f;
  --ref-color-amber-20: #92400e;
  --ref-color-amber-30: #b45309;
  --ref-color-amber-40: #d97706;
  --ref-color-amber-50: #f59e0b;
  --ref-color-amber-60: #fbbf24;
  --ref-color-amber-70: #fcd34d;
  --ref-color-amber-80: #fde68a;
  --ref-color-amber-90: #fef3c7;
  --ref-color-amber-100: #fffbeb;

  --ref-color-red-0: #450a0a;
  --ref-color-red-10: #7f1d1d;
  --ref-color-red-20: #991b1b;
  --ref-color-red-30: #b91c1c;
  --ref-color-red-40: #dc2626;
  --ref-color-red-50: #ef4444;
  --ref-color-red-60: #f87171;
  --ref-color-red-70: #fca5a5;
  --ref-color-red-80: #fecaca;
  --ref-color-red-90: #fee2e2;
  --ref-color-red-100: #fef2f2;

  --ref-spacing-0: 0px;
  --ref-spacing-1: 2px;
  --ref-spacing-2: 4px;
  --ref-spacing-3: 6px;
  --ref-spacing-4: 8px;
  --ref-spacing-5: 10px;
  --ref-spacing-6: 12px;
  --ref-spacing-7: 14px;
  --ref-spacing-8: 16px;
  --ref-spacing-9: 18px;
  --ref-spacing-10: 20px;
  --ref-spacing-11: 22px;
  --ref-spacing-12: 24px;
  --ref-spacing-14: 28px;
  --ref-spacing-16: 32px;
  --ref-spacing-18: 36px;
  --ref-spacing-20: 40px;
  --ref-spacing-24: 48px;
  --ref-spacing-28: 56px;
  --ref-spacing-32: 64px;
  --ref-spacing-36: 72px;
  --ref-spacing-40: 80px;
  --ref-spacing-48: 96px;
  --ref-spacing-56: 112px;
  --ref-spacing-64: 128px;

  --ref-radius-none: 0px;
  --ref-radius-xs: 2px;
  --ref-radius-sm: 4px;
  --ref-radius-md: 6px;
  --ref-radius-lg: 8px;
  --ref-radius-xl: 10px;
  --ref-radius-xl2: 12px;
  /* Card action — DS Lumina (Figma ~14px) */
  --ref-radius-xl-14: 14px;
  --ref-radius-xl3: 16px;
  --ref-radius-xl4: 20px;
  --ref-radius-xl5: 24px;
  --ref-radius-full: 9999px;

  --ref-font-size-2xs: 10px;

  --ref-icon-size-xs: 12px;
  --ref-icon-size-sm: 16px;
  --ref-icon-size-md: 20px;
  --ref-icon-size-lg: 24px;
  --ref-icon-size-xl: 32px;
  --ref-icon-size-xl2: 40px;
  --ref-icon-size-xl3: 48px;

  --ref-font-weight-regular: 400;
  --ref-font-weight-medium: 500;
  --ref-font-weight-semibold: 600;
  --ref-font-weight-bold: 700;

  --ref-material-symbol-wght: 400;
  --ref-material-symbol-grad: 0;
  --ref-material-symbol-opsz: 24;
  --ref-material-symbol-fill-off: 0;
  --ref-material-symbol-fill-on: 1;
  --ref-line-height-icon-host: 0;
  --ref-line-height-icon-glyph: 1;

  --ref-opacity-0: 0;
  --ref-opacity-4: 0.04;
  --ref-opacity-8: 0.08;
  --ref-opacity-12: 0.12;
  --ref-opacity-16: 0.16;
  --ref-opacity-24: 0.24;
  --ref-opacity-32: 0.32;
  --ref-opacity-40: 0.4;
  --ref-opacity-48: 0.48;
  --ref-opacity-50: 0.5;
  --ref-opacity-56: 0.56;
  --ref-opacity-60: 0.6;
  --ref-opacity-64: 0.64;
  --ref-opacity-72: 0.72;
  --ref-opacity-80: 0.8;
  --ref-opacity-88: 0.88;
  --ref-opacity-96: 0.96;
  --ref-opacity-100: 1;

  --ref-border-width-0: 0px;
  --ref-border-width-1: 1px;
  --ref-border-width-2: 2px;
  --ref-border-width-4: 4px;
  --ref-border-width-8: 8px;

  --ref-font-weight-regular: 400;
  --ref-font-weight-medium: 500;
  --ref-font-weight-semibold: 600;
  --ref-font-weight-bold: 700;
}

:root {
  --sys-icon-size-xs: var(--ref-icon-size-xs);
  --sys-icon-size-sm: var(--ref-icon-size-sm);
  --sys-icon-size-md: var(--ref-icon-size-md);
  --sys-icon-size-lg: var(--ref-icon-size-lg);
  --sys-icon-size-xl: var(--ref-icon-size-xl);
  --sys-icon-size-xl2: var(--ref-icon-size-xl2);
  --sys-icon-size-xl3: var(--ref-icon-size-xl3);

  --sys-font-heading-h1-size: 48px;
  --sys-font-heading-h1-line-height: 58px;
  --sys-font-heading-h1-weight: 700;
  --sys-font-heading-h2-size: 48px;
  --sys-font-heading-h2-line-height: 58px;
  --sys-font-heading-h2-weight: 700;
  --sys-font-heading-h3-size: 48px;
  --sys-font-heading-h3-line-height: 58px;
  --sys-font-heading-h3-weight: 700;
  --sys-font-heading-h4-size: 40px;
  --sys-font-heading-h4-line-height: 48px;
  --sys-font-heading-h4-weight: 700;
  --sys-font-heading-h5-size: 32px;
  --sys-font-heading-h5-line-height: 38px;
  --sys-font-heading-h5-weight: 700;
  --sys-font-heading-h6-size: 24px;
  --sys-font-heading-h6-line-height: 36px;
  --sys-font-heading-h6-weight: 700;

  --sys-font-body-lg-size: 20px;
  --sys-font-body-lg-line-height: 30px;
  --sys-font-body-lg-weight: 400;
  --sys-font-body-md-size: 16px;
  --sys-font-body-md-line-height: 24px;
  --sys-font-body-md-weight: 400;
  --sys-font-body-sm-size: 14px;
  --sys-font-body-sm-line-height: 21px;
  --sys-font-body-sm-weight: 400;
  --sys-font-body-xs-size: 12px;
  --sys-font-body-xs-line-height: 18px;
  --sys-font-body-xs-weight: 400;

  --sys-font-label-md-size: 16px;
  --sys-font-label-md-line-height: 24px;
  --sys-font-label-md-weight: 600;
  --sys-font-label-sm-size: 14px;
  --sys-font-label-sm-line-height: 21px;
  --sys-font-label-sm-weight: 600;

  --sys-font-caption-md-size: 16px;
  --sys-font-caption-md-line-height: 24px;
  --sys-font-caption-md-weight: 400;
  --sys-font-caption-sm-size: 14px;
  --sys-font-caption-sm-line-height: 21px;
  --sys-font-caption-sm-weight: 400;
  --sys-font-caption-xs-size: 10px;
  --sys-font-caption-xs-line-height: 15px;
  --sys-font-caption-xs-weight: 400;

  --sys-grid-watch-width: 162px;
  --sys-grid-watch-height: 197px;
  --sys-grid-watch-columns: 4;
  --sys-grid-watch-gutter: 4px;
  --sys-grid-watch-margin: 16px;

  --sys-grid-smartphone-width: 375px;
  --sys-grid-smartphone-height: 812px;
  --sys-grid-smartphone-columns: 8;
  --sys-grid-smartphone-gutter: 8px;
  --sys-grid-smartphone-margin: 32px;

  --sys-grid-tablet-width: 768px;
  --sys-grid-tablet-height: 1024px;
  --sys-grid-tablet-columns: 8;
  --sys-grid-tablet-gutter: 8px;
  --sys-grid-tablet-margin: 36px;

  --sys-grid-desktop-width: 1440px;
  --sys-grid-desktop-height: 960px;
  --sys-grid-desktop-columns: 12;
  --sys-grid-desktop-gutter: 8px;
  --sys-grid-desktop-margin: 48px;

  --sys-grid-presentation-width: 1920px;
  --sys-grid-presentation-height: 1080px;
  --sys-grid-presentation-columns: 12;
  --sys-grid-presentation-gutter: 12px;
  --sys-grid-presentation-margin: 72px;

  --sys-color-feedback-success-default: var(--ref-color-green-40);
  --sys-color-feedback-success-light: var(--ref-color-green-100);
  --sys-color-feedback-success-dark: var(--ref-color-green-20);
  --sys-color-feedback-warning-default: var(--ref-color-amber-40);
  --sys-color-feedback-warning-light: var(--ref-color-amber-100);
  --sys-color-feedback-warning-dark: var(--ref-color-amber-20);
  --sys-color-feedback-error-default: var(--ref-color-red-40);
  --sys-color-feedback-error-light: var(--ref-color-red-100);
  --sys-color-feedback-error-dark: var(--ref-color-red-20);
  --sys-color-feedback-info-default: var(--ref-color-sky-40);
  --sys-color-feedback-info-light: var(--ref-color-sky-100);
  --sys-color-feedback-info-dark: var(--ref-color-sky-20);

  --sys-opacity-disabled: 0.4;
  --sys-opacity-hover: 0.08;
  --sys-opacity-focus: 0.12;
  --sys-opacity-active: 0.16;
  --sys-opacity-overlay: 0.56;
  --sys-opacity-scrim: 0.32;
  --sys-opacity-opaque: 1;

  /* Danger */
  --sys-action-danger-default: #d92d20;
  --sys-action-danger-hover-fill: #dc4236;
  --sys-action-danger-active-fill: #b42318;
  --sys-action-danger-on-fill: #ffffff;
  --sys-action-danger-outlined-stroke-hover: #dc2626;
  --sys-action-danger-outlined-label-hover: #dc2626;
  --sys-action-danger-outlined-active-label: #7f1d1d;
  --sys-action-danger-surface-hover: rgba(217, 45, 32, 0.12);
  --sys-action-danger-surface-active: rgba(217, 45, 32, 0.2);

  /* Controle desabilitado */
  --sys-color-control-disabled-fill: #d5d7da;
  --sys-color-control-disabled-label: #717680;
  --sys-color-control-disabled-border: #717680;

  /* Sombra de foco (botão) */
  --sys-elevation-button-focus: 0 2px 4px rgba(0, 0, 0, 0.1);

  /* ── Motion (interação) ─────────────────────────────────────────────────── */
  --sys-motion-duration-short: 160ms;
  --sys-motion-easing-standard: ease;

  /* ── Elevação — superfícies tipo card ───────────────────────────────────── */
  --sys-elevation-card-rest: 0 1px 4px rgba(0, 0, 0, 0.06);
  --sys-elevation-card-hover: 0 2px 8px rgba(0, 0, 0, 0.06);
  --sys-elevation-card-raised-hover: 0 1px 6px rgba(0, 0, 0, 0.08);
  --sys-elevation-card-promoted: 0 4px 6px -4px rgba(0, 0, 0, 0.1), 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  --sys-elevation-card-accent-hover: 0 2px 8px rgba(21, 93, 252, 0.12);

  /* ── Typography — letter-spacing ───────────────────────────────────────── */
  --sys-font-letter-spacing-tighter: -0.02em;
  --sys-font-letter-spacing-tight: -0.01em;
  --sys-font-letter-spacing-wide: 0.003em;
  --sys-font-letter-spacing-wider: 0.006em;
  --sys-font-letter-spacing-normal: 0.01em;

  /* ── Card action (Figma — 267×138) ─────────────────────────────────────── */
  --sys-size-card-action-width: 267px;
  --sys-size-card-action-height: 138px;

  /* ── Card company (Figma — 607×82) ─────────────────────────────────────── */
  --sys-size-card-company-width: 607px;
  --sys-size-card-company-height: 82px;

  /* ── Card info (Figma 2336:1456 — 268×66) ──────────────────────────────── */
  --sys-size-card-info-width: 268px;
  --sys-size-card-info-height: 66px;
  --sys-size-card-info-icon: 14px;
  --sys-padding-card-info-inline: 13px;
  --sys-padding-card-info-block-start: 13px;
  --sys-padding-card-info-block-end: 1px;
  --sys-font-card-info-label-letter-spacing: 0.0117em;
  --sys-font-card-info-value-letter-spacing: -0.0107em;

  /* ── Card stat — tamanhos por variante ─────────────────────────────────── */
  --sys-size-card-stat-sm-width: 263px;
  --sys-size-card-stat-sm-height: 121px;
  --sys-size-card-stat-md-min-width: 357px;
  --sys-size-card-stat-md-min-height: 98px;

  /* ── Card stat — shell + cores rótulo/valor (Figma 2336:1501 — 267×142, padding ~25) */
  --sys-size-card-stat-width: 267px;
  --sys-size-card-stat-height: 142px;
  --sys-padding-card-stat-inline: 25px;
  --sys-padding-card-stat-block-start: 25px;
  --sys-padding-card-stat-block-end: 25px;
  --sys-gap-card-stat-stack: var(--ref-spacing-4);
  --sys-color-card-stat-default-label: #4a5565;
  --sys-color-card-stat-default-value: #1d3732;
  --sys-color-card-stat-default-border: #e5e7eb;

  /* ── Card stat — tipografia valor (DS Lumina / Figma) ───────────────────── */
  --sys-font-card-stat-value-md-size: 28px;
  --sys-font-card-stat-value-md-line-height: 42px;
  --sys-font-card-stat-value-md-weight: 700;
  --sys-font-card-stat-value-lg-size: 30px;
  --sys-font-card-stat-value-lg-line-height: 36px;
  --sys-font-card-stat-value-lg-weight: 700;

  /* ── Card stat — cores semânticas (DS Lumina / Figma) ──────────────────── */
  --sys-color-card-stat-warning-surface: #fff7ed;
  --sys-color-card-stat-warning-border: #ffd6a8;
  --sys-color-card-stat-warning-content: #ca3500;
  --sys-color-card-stat-neutral-content: #364153;
  --sys-color-card-stat-pending-value: #f54900;
  --sys-color-card-stat-approved-value: #00a63e;
  --sys-color-card-stat-concluded-value: #155dfc;
  --sys-color-card-info-success-content: #008236;
  --sys-color-card-info-error-content: #c10007;

  /* ── Card action — ícone (DS Lumina / Figma) ─────────────────────────────── */
  --sys-color-card-action-icon-surface: #f2ab271a;
  --sys-color-card-action-icon-ink: #f2ab27;

  /* Motion, hairline e anel de foco */
  --ref-border-width-hairline: 1px;
  --ref-motion-duration-interaction: 160ms;
  --ref-motion-easing-standard: ease;
  --ref-motion-duration-spinner: 800ms;
  --sys-focus-ring-width: 2px;
  --sys-focus-ring-offset: 2px;

  /* Icon button */
  --sys-radius-icon-button: var(--ref-radius-lg);
  --sys-padding-icon-button: var(--ref-spacing-2);
  --sys-border-width-icon-button: var(--ref-border-width-hairline);
  --sys-motion-duration-icon-button: var(--ref-motion-duration-interaction);
  --sys-motion-easing-icon-button: var(--ref-motion-easing-standard);
  --sys-motion-duration-icon-button-spinner: var(--ref-motion-duration-spinner);
  --sys-size-icon-button-min: calc(
    var(--ref-icon-size-sm) + var(--sys-padding-icon-button) + var(--sys-padding-icon-button)
  );
  --sys-color-icon-button-neutral-ink: #252b37;
  --sys-color-icon-button-neutral-hover-surface: rgba(37, 43, 55, 0.12);
  --sys-color-icon-button-neutral-active-surface: rgba(37, 43, 55, 0.2);

  /* ── Avatar (coluna Nome em tabelas — Figma nó 2259-1435) ───────────────── */
  --sys-color-avatar-surface: rgba(242, 171, 39, 0.1);
  --sys-color-avatar-ink: #f2ab27;
  --sys-color-avatar-surface-disabled: rgba(193, 193, 193, 0.1);
  --sys-color-avatar-ink-disabled: #c1c1c1;

  /* ── Tabela beneficiários — nome / hover botão ação (Figma 2259-1435) ───── */
  --sys-color-table-beneficiarios-nome-ink: #101828;
  --sys-color-table-beneficiarios-action-btn-hover-surface: rgb(0 0 0 / 0.06);
  --sys-motion-transition-table-beneficiarios-surface: background-color
    var(--sys-motion-duration-short) var(--sys-motion-easing-standard);

  /* ── Tabela Condição de saúde (Figma 209-292, fill_I2GWHX / BK0TTW / 2NM9CV) ─ */
  --sys-color-table-condicao-saude-accent-ink: #003c91;
  --sys-color-table-condicao-saude-body-ink: #222222;
  --sys-color-table-condicao-saude-erro-ink: #e63535;

  /* ── Atom clin-table (Figma 209-135 / showcase 2724-6627) ─────────────────── */
  --sys-table-font-family: var(--brand-font-body, 'Plus Jakarta Sans', system-ui, sans-serif);
  --sys-table-header-surface: #f9fbff;
  /* fallback #ffffff garante funcionamento sem [data-theme] ativo */
  --sys-table-row-surface: var(--theme-color-bg-surface, #ffffff);
  --sys-table-row-selected-surface: var(--sys-badge-info-bg);
  --sys-table-row-hover-surface: var(--ref-color-green-100);
  /* fallback #fafafa garante funcionamento sem [data-theme] ativo */
  --sys-table-row-disabled-surface: var(--theme-color-bg-subtle, #fafafa);
  --sys-table-select-bar-surface: #f9fbff;
  --sys-table-cell-text: var(--sys-badge-neutral-text);
  --sys-table-cell-text-selected: var(--sys-color-table-condicao-saude-accent-ink);
  --sys-table-cell-text-disabled: #d1d5db;
  --sys-table-select-bar-text: var(--sys-color-table-condicao-saude-accent-ink);
  --sys-table-border-outer: #e9eaeb;
  --sys-table-border-row: #f0f0f0;
  --sys-table-radius: var(--ref-radius-lg);
  --sys-table-radius-th-start: var(--ref-radius-sm) 0 0 0;
  --sys-table-radius-th-end: 0 var(--ref-radius-sm) 0 0;
  /* fallback #3ba890 garante acento visível sem [data-brand] ativo */
  --sys-table-accent: var(--brand-action-primary-default, #3ba890);
  --sys-table-checkbox-border-color: #d1d5db;
  --sys-table-checkbox-border-width: 1.5px;
  --sys-table-checkbox-radius: 3px;
  /* fallback #ffffff garante check-mark visível sem [data-theme] ativo */
  --sys-table-checkbox-check-ink: var(--theme-color-content-inverse, #ffffff);
  /* posicionamento do traço do check (pseudo ::after) */
  --sys-table-checkbox-mark-inset-block-start: 43%;
  --sys-table-checkbox-mark-scale-from: 0.8;
  --sys-table-checkbox-mark-scale-to: 1;
  --sys-table-row-height-compact: 44px;
  --sys-table-row-height-default: 66px;
  --sys-table-row-height-comfortable: var(--ref-spacing-40);
  --sys-table-row-height-alt: 73px;
  --sys-table-cell-padding-inline: var(--ref-spacing-12);
  --sys-table-checkbox-cell-width: var(--ref-spacing-18);
  --sys-table-select-bar-padding-block: var(--ref-spacing-5);
  --sys-table-select-bar-padding-inline: var(--ref-spacing-8);
  --sys-table-elevation-sticky-header: 0 2px 8px 0 rgb(0 0 0 / 0.1);
  /* inclui color para animar junto ao background nas linhas */
  --sys-table-transition-surface: background-color var(--sys-motion-duration-short)
      var(--sys-motion-easing-standard),
    color var(--sys-motion-duration-short) var(--sys-motion-easing-standard);
  --sys-table-transition-checkbox: background-color var(--sys-motion-duration-short)
      var(--sys-motion-easing-standard),
    border-color var(--sys-motion-duration-short) var(--sys-motion-easing-standard);
  --sys-table-transition-sort-icon: opacity var(--sys-motion-duration-short)
      var(--sys-motion-easing-standard),
    color var(--sys-motion-duration-short) var(--sys-motion-easing-standard);
  --sys-table-transition-checkbox-mark: opacity var(--sys-motion-duration-short)
      var(--sys-motion-easing-standard),
    transform var(--sys-motion-duration-short) var(--sys-motion-easing-standard);
  --sys-table-row-disabled-opacity: 0.45;
  --sys-doc-table-scroll-preview-max-height: 280px;
  --sys-table-sort-icon-opacity-rest: var(--ref-opacity-50);
  --sys-table-help-icon-opacity-rest: var(--ref-opacity-60);
  /* color-mix: quantidade de acento misturada no hover */
  --sys-table-select-bar-hover-accent-mix: 90%;
  --sys-table-header-sortable-hover-accent-mix: 85%;
  /* variante de tabela com design neutro (Figma 2259-1435, 3159-2290) */
  --sys-table-header-surface-alt: #f9fafb;
  --sys-table-border-alt: #e5e7eb;

  /* ── API local do clin-table (padrão global, sobrescrita por wrappers) ─── */
  --clin-table-font-family: var(--sys-table-font-family);
  --clin-table-header-bg: var(--sys-table-header-surface);
  --clin-table-row-bg: var(--sys-table-row-surface);
  --clin-table-row-selected-bg: var(--sys-table-row-selected-surface);
  --clin-table-row-hover-bg: var(--sys-table-row-hover-surface);
  --clin-table-row-disabled-bg: var(--sys-table-row-disabled-surface);
  --clin-table-select-bar-bg: var(--sys-table-select-bar-surface);
  --clin-table-text: var(--sys-table-cell-text);
  --clin-table-text-selected: var(--sys-table-cell-text-selected);
  --clin-table-text-disabled: var(--sys-table-cell-text-disabled);
  --clin-table-text-select-bar: var(--sys-table-select-bar-text);
  --clin-table-border-outer: var(--sys-table-border-outer);
  --clin-table-border-cell: var(--sys-table-border-row);
  --clin-table-radius: var(--sys-table-radius);
  --clin-table-radius-th-first: var(--sys-table-radius-th-start);
  --clin-table-radius-th-last: var(--sys-table-radius-th-end);
  --clin-table-accent: var(--sys-table-accent);
  --clin-table-checkbox-border: var(--sys-table-checkbox-border-color);
  --clin-table-row-height-compact: var(--sys-table-row-height-compact);
  --clin-table-row-height-default: var(--sys-table-row-height-default);
  --clin-table-row-height-comfortable: var(--sys-table-row-height-comfortable);
  --clin-table-row-height: var(--clin-table-row-height-default);
  --clin-table-cell-px: var(--sys-table-cell-padding-inline);
  --clin-table-checkbox-cell-width: var(--sys-table-checkbox-cell-width);
  --clin-table-transition: var(--sys-table-transition-surface);

  /* ── Ações de tabela — ícones visualizar · editar · excluir ─────────────── */
  --sys-color-action-view: #155dfc;
  --sys-color-action-edit: #00a63e;
  --sys-color-action-delete: #e7000b;

  /* ── Tabela Financeira / Faturas (Figma nó 3159-2290) ───────────────────── */
  --sys-color-fatura-icon-surface: rgba(59, 168, 144, 0.1);
  --sys-color-fatura-icon-ink: #3ba890;
  --sys-color-fatura-btn-border: #263870;
  --sys-color-fatura-btn-ink: #263870;

  /* Badges de status financeiro */
  --sys-color-badge-pendente-surface: rgba(255, 185, 32, 0.1);
  --sys-color-badge-pendente-ink: #e75c0f;
  --sys-color-badge-pago-surface: rgba(0, 166, 62, 0.1);
  --sys-color-badge-pago-ink: #00a63e;
  --sys-color-badge-vencido-surface: rgba(231, 0, 11, 0.1);
  --sys-color-badge-vencido-ink: #e7000b;
  --sys-color-badge-emaberto-surface: rgba(21, 93, 252, 0.1);
  --sys-color-badge-emaberto-ink: #155dfc;

  /* Texto “—” pagamento vazio + hover botão outline (Figma 3159-2290) */
  --sys-color-table-faturas-pagamento-vazio-ink: #99a1af;
  --sys-color-fatura-btn-hover-surface: rgb(38 56 112 / 0.06);
  --sys-motion-transition-table-faturas-surface: background-color
    var(--sys-motion-duration-short) var(--sys-motion-easing-standard);

  /* ── Tabela Itens de Fatura (Figma AgiRH 775-8290) ──────────────────────── */
  --sys-table-itens-header-ink: #6a7282;
  --sys-table-itens-body-ink: #1d3732;
  --sys-table-row-height-itens: 46px;
  --sys-size-table-itens-fatura-width: 1120px;

  /* ── Tabela Beneficiários de Fatura (Figma AgiRH 775-8435) ──────────────── */
  --sys-table-benef-fatura-header-surface: #e8e8e8;
  --sys-table-benef-fatura-header-border: #999999;
  --sys-table-benef-fatura-ink: #333333;
  --sys-table-benef-fatura-row-surface: #f9f9f9;
  --sys-table-benef-fatura-row-border: #eeeeee;
  --sys-table-row-height-benef-fatura: 34px;

  /* Badge */
  --sys-badge-radius: var(--ref-radius-xl3);
  --sys-badge-font-weight: var(--ref-font-weight-medium);
  --sys-badge-gap: var(--ref-spacing-2);
  --sys-badge-icon-close-opacity: var(--ref-opacity-60);
  --sys-badge-icon-size-sm: var(--ref-icon-size-xs);
  --sys-badge-icon-size-md: var(--ref-icon-size-sm);

  --sys-badge-height-xs: var(--ref-spacing-8);
  --sys-badge-height-sm: var(--ref-spacing-10);
  --sys-badge-height-md: var(--ref-spacing-12);
  --sys-badge-height-lg: var(--ref-spacing-16);

  --sys-badge-padding-xs: 0 var(--ref-spacing-2);
  --sys-badge-padding-sm: var(--ref-spacing-2) var(--ref-spacing-4);
  --sys-badge-padding-md: var(--ref-spacing-2) var(--ref-spacing-4);
  --sys-badge-padding-lg: var(--ref-spacing-2) var(--ref-spacing-6);

  --sys-badge-font-size-xs: var(--sys-font-body-xs-size);
  --sys-badge-font-size-sm: var(--sys-font-body-xs-size);
  --sys-badge-font-size-md: var(--sys-font-body-xs-size);
  --sys-badge-font-size-lg: var(--sys-font-body-md-size);

  --sys-badge-default-bg: var(--ref-color-neutral-90);
  --sys-badge-neutral-text: #545252;
  --sys-badge-default-text: var(--sys-badge-neutral-text);

  --sys-badge-primary-bg: var(--brand-action-primary-default);
  --sys-badge-primary-text: #f3faf8;

  --sys-badge-info-bg: #ebf8fe;
  --sys-badge-info-text: #0b8dcd;
  --sys-badge-info-alpha-bg: #ebf8fe66;

  --sys-badge-warning-bg: #fffaeb;
  --sys-badge-warning-text: #e75c0f;
  --sys-badge-warning-alpha-bg: #fffaeb66;

  --sys-badge-success-bg: #edfcf2;
  --sys-badge-success-text: var(--ref-color-green-20);
  --sys-badge-success-alpha-bg: #edfcf266;

  --sys-badge-error-bg: #fff4eb;
  --sys-badge-error-text: var(--ref-color-red-30);
  --sys-badge-error-alpha-bg: #fff4eb66;

  --sys-badge-light-bg: var(--theme-color-bg-surface);
  --sys-badge-light-border: var(--ref-color-neutral-100);
  --sys-badge-light-text: var(--sys-badge-neutral-text);

  /* Notification badge */
  --sys-notification-badge-fill-error: var(--sys-color-feedback-error-default);
  --sys-notification-badge-fill-success: var(--sys-color-feedback-success-default);
  --sys-notification-badge-fill-warning: var(--sys-color-feedback-warning-default);
  --sys-notification-badge-fill-info: var(--sys-color-feedback-info-default);
  --sys-notification-badge-fill-primary: var(--sys-badge-primary-bg);
  --sys-notification-badge-fill: var(--sys-notification-badge-fill-error);
  --sys-notification-badge-dot-inner-size: var(--ref-spacing-4);
  --sys-notification-badge-dot-border-width: var(--ref-spacing-1);
  --sys-notification-badge-dot-border-color: #ffffff;
  --sys-notification-badge-number-min-height: var(--ref-spacing-12);
  --sys-notification-badge-number-min-width: var(--ref-spacing-12);
  --sys-notification-badge-number-padding-x: var(--ref-spacing-3);
  --sys-notification-badge-number-border-width: var(--ref-spacing-1);
  --sys-notification-badge-number-border-color: var(--sys-notification-badge-dot-border-color);
  --sys-notification-badge-number-font-size: var(--sys-font-body-xs-size);
  --sys-notification-badge-number-font-weight: var(--sys-font-button-weight);
  --sys-notification-badge-number-text: #ffffff;
  --sys-notification-badge-number-radius: var(--ref-radius-full);
  --sys-notification-badge-anchor-inset-block-start: 0;
  --sys-notification-badge-anchor-inset-inline-end: 0;
  --sys-notification-badge-anchor-translate-x: 50%;
  --sys-notification-badge-anchor-translate-y: -50%;

  /* Header */
  --sys-header-min-width: 1184px;
  --sys-header-height: var(--ref-spacing-40);
  --sys-header-padding-block: var(--ref-spacing-6);
  --sys-header-padding-inline: var(--ref-spacing-16);
  --sys-header-gap-user-avatar: var(--ref-spacing-8);
  --sys-header-gap-user-inner: var(--ref-spacing-4);
  --sys-header-avatar-size: var(--ref-spacing-20);
  --sys-header-border-bottom-width: 1px;
  --sys-header-font-family: var(--brand-font-body, system-ui, sans-serif);
  --sys-header-title-font-size: var(--sys-font-body-sm-size);
  --sys-header-title-line-height: var(--sys-font-body-sm-line-height);
  --sys-header-title-font-weight: var(--sys-font-body-sm-weight);
  --sys-header-subtitle-font-size: var(--sys-font-body-xs-size);
  --sys-header-subtitle-line-height: var(--sys-font-body-xs-line-height);
  --sys-header-subtitle-font-weight: var(--sys-font-body-xs-weight);
  --sys-header-avatar-initials-font-size: var(--sys-font-body-sm-size);
  --sys-header-avatar-initials-font-weight: var(--sys-font-label-sm-weight);
  --sys-header-avatar-initials-line-height: 1;
  --sys-header-avatar-border-radius: var(--ref-radius-full);
  --sys-header-avatar-image-background: transparent;
  --sys-header-content-color: var(--theme-color-content-primary);
  --sys-header-border-color: var(--theme-color-border-subtle);
  --sys-header-avatar-surface: var(--sys-color-card-action-icon-surface);
  --sys-header-avatar-ink: var(--sys-color-card-action-icon-ink);

  /* Button */
  --sys-font-button-weight: 700;
  --sys-motion-duration-button: var(--ref-motion-duration-interaction);
  --sys-motion-easing-button: var(--ref-motion-easing-standard);
  --sys-motion-duration-button-spinner: var(--ref-motion-duration-spinner);
  --sys-size-button-min-sm: calc(var(--sys-font-body-xs-line-height) + var(--ref-spacing-4));
  --sys-size-button-min-md: calc(var(--sys-font-body-sm-line-height) + var(--ref-spacing-8));
  --sys-size-button-min-lg: calc(var(--sys-font-body-sm-line-height) + var(--ref-spacing-12));
  --sys-padding-button-sm: var(--ref-spacing-2) var(--ref-spacing-4);
  --sys-padding-button-md: var(--ref-spacing-4) var(--ref-spacing-8);
  --sys-padding-button-lg: var(--ref-spacing-6) var(--ref-spacing-10);
  --sys-text-decoration-button-underline-thick: var(--ref-border-width-hairline);
  --sys-text-underline-offset-button: 0.15em;
  --sys-color-mix-button-tonal-base: 10%;
  --sys-color-mix-button-tonal-secondary-hover: 16%;
  --sys-color-mix-button-tonal-secondary-active: 20%;
  --sys-elevation-button-elevated-hover: 0 4px 12px rgba(0, 0, 0, 0.14);
  --sys-elevation-button-elevated-active: 0 1px 4px rgba(0, 0, 0, 0.12);
}

:root,
[data-theme='light'] {
  --theme-color-content-primary: #262626;
  --theme-color-content-secondary: #525252;
  --theme-color-content-tertiary: #737373;
  --theme-color-content-disabled: #a3a3a3;
  --theme-color-content-inverse: #ffffff;
  --theme-color-content-on-color: #ffffff;

  --theme-color-bg-surface: #ffffff;
  --theme-color-bg-subtle: #fafafa;
  --theme-color-bg-muted: #f5f5f5;
  --theme-color-bg-overlay: rgba(0, 0, 0, 0.56);
  --theme-color-bg-inverse: #171717;

  --theme-color-border-default: #d4d4d4;
  --theme-color-border-subtle: #e5e5e5;
  --theme-color-border-strong: #a3a3a3;
  --theme-color-border-focus: #262626;

  --theme-color-feedback-success-surface: #f0fdf4;
  --theme-color-feedback-success-content: #166534;
  --theme-color-feedback-warning-surface: #fffbeb;
  --theme-color-feedback-warning-content: #92400e;
  --theme-color-feedback-error-surface: #fef2f2;
  --theme-color-feedback-error-content: #991b1b;
  --theme-color-feedback-info-surface: #e0f2fe;
  --theme-color-feedback-info-content: #075985;

  --sys-header-surface: #fefefe;
}

[data-theme='dark'] {
  --theme-color-content-primary: #fafafa;
  --theme-color-content-secondary: #d4d4d4;
  --theme-color-content-tertiary: #a3a3a3;
  --theme-color-content-disabled: #525252;
  --theme-color-content-inverse: #171717;
  --theme-color-content-on-color: #ffffff;

  --theme-color-bg-surface: #171717;
  --theme-color-bg-subtle: #262626;
  --theme-color-bg-muted: #303030;
  --theme-color-bg-overlay: rgba(0, 0, 0, 0.72);
  --theme-color-bg-inverse: #fafafa;

  --theme-color-border-default: #404040;
  --theme-color-border-subtle: #303030;
  --theme-color-border-strong: #737373;
  --theme-color-border-focus: #fafafa;

  --theme-color-feedback-success-surface: #052e16;
  --theme-color-feedback-success-content: #86efac;
  --theme-color-feedback-warning-surface: #451a03;
  --theme-color-feedback-warning-content: #fcd34d;
  --theme-color-feedback-error-surface: #450a0a;
  --theme-color-feedback-error-content: #fca5a5;
  --theme-color-feedback-info-surface: #082f49;
  --theme-color-feedback-info-content: #7dd3fc;

  /* Card stat default — Figma é light; aqui alinhamos ao tema escuro */
  --sys-color-card-stat-default-label: var(--theme-color-content-secondary);
  --sys-color-card-stat-default-value: var(--theme-color-feedback-success-content);
  --sys-color-card-stat-default-border: var(--theme-color-border-subtle);

  --sys-header-surface: var(--theme-color-bg-surface);
}

:root,
[data-brand='clin'] {
  --brand-color-primary: #3ba890;
  --brand-color-secondary: #263870;
  --brand-color-tertiary: #f06c9b;

  --brand-action-primary-default: #3ba890;
  --brand-action-primary-hover: #4fb29b;
  --brand-action-primary-active: #287969;
  --brand-action-primary-focused: #3ba890;
  --brand-action-primary-hover-outline: rgba(59, 168, 144, 0.12);

  --brand-action-secondary-default: #263870;
  --brand-action-secondary-hover: #1e2d5e;
  --brand-action-secondary-active: #162249;
  --brand-action-secondary-focused: #263870;

  --brand-action-tertiary-default: #f06c9b;
  --brand-action-tertiary-hover: #f280a8;
  --brand-action-tertiary-active: #d45580;
  --brand-action-tertiary-focused: #f06c9b;

  --brand-color-alpha-10: rgba(59, 168, 144, 0.1);
  --brand-color-alpha-20: rgba(59, 168, 144, 0.2);

  /* Secondary: label e superfície */
  --brand-action-secondary-label-text-hover: #3c4c7e;
  --brand-action-secondary-label-text-active: #1e2d5a;
  --brand-action-secondary-surface-hover: rgba(38, 56, 112, 0.12);
  --brand-action-secondary-surface-active: rgba(38, 56, 112, 0.2);
  --brand-action-secondary-outlined-active-label: #1e284d;

  --brand-font-body: 'Roboto', system-ui, sans-serif;
  --brand-font-heading: 'Roboto', system-ui, sans-serif;
  --brand-font-label: 'Roboto', system-ui, sans-serif;
  --brand-font-caption: 'Roboto', system-ui, sans-serif;
}

[data-brand='api-saude'] {
  --brand-color-primary: #001d46;
  --brand-color-secondary: #1eb1fb;
  --brand-color-tertiary: #47fbcd;

  --brand-action-primary-default: #001d46;
  --brand-action-primary-hover: #002a66;
  --brand-action-primary-active: #001533;
  --brand-action-primary-focused: #001d46;
  --brand-action-primary-hover-outline: rgba(0, 29, 70, 0.12);

  --brand-action-secondary-default: #1eb1fb;
  --brand-action-secondary-hover: #39bafb;
  --brand-action-secondary-active: #07a4f4;
  --brand-action-secondary-focused: #1eb1fb;

  --brand-action-tertiary-default: #47fbcd;
  --brand-action-tertiary-hover: #62fbd3;
  --brand-action-tertiary-active: #2cf3bf;
  --brand-action-tertiary-focused: #47fbcd;

  --brand-color-alpha-10: rgba(0, 29, 70, 0.1);
  --brand-color-alpha-20: rgba(0, 29, 70, 0.2);

  --brand-font-body: 'Nunito', system-ui, sans-serif;
  --brand-font-heading: 'Nunito', system-ui, sans-serif;
  --brand-font-label: 'Nunito', system-ui, sans-serif;
  --brand-font-caption: 'Nunito', system-ui, sans-serif;
}

[data-brand='agisales'] {
  --brand-color-primary: #12add1;
  --brand-color-secondary: #4b4b4b;
  --brand-color-tertiary: #4b4b4b;

  --brand-action-primary-default: #12add1;
  --brand-action-primary-hover: #27b8d8;
  --brand-action-primary-active: #0e8eaa;
  --brand-action-primary-focused: #12add1;
  --brand-action-primary-hover-outline: rgba(18, 173, 209, 0.12);

  --brand-action-secondary-default: #4b4b4b;
  --brand-action-secondary-hover: #5e5e5e;
  --brand-action-secondary-active: #3a3a3a;
  --brand-action-secondary-focused: #4b4b4b;

  --brand-action-tertiary-default: #4b4b4b;
  --brand-action-tertiary-hover: #5e5e5e;
  --brand-action-tertiary-active: #3a3a3a;
  --brand-action-tertiary-focused: #4b4b4b;

  --brand-color-alpha-10: rgba(18, 173, 209, 0.1);
  --brand-color-alpha-20: rgba(18, 173, 209, 0.2);

  --brand-font-body: 'Roboto', system-ui, sans-serif;
  --brand-font-heading: 'Roboto', system-ui, sans-serif;
  --brand-font-label: 'Roboto', system-ui, sans-serif;
  --brand-font-caption: 'Roboto', system-ui, sans-serif;
}

[data-brand='agiben'] {
  --brand-color-primary: #f2ab27;
  --brand-color-secondary: #333333;
  --brand-color-tertiary: #333333;

  --brand-action-primary-default: #f2ab27;
  --brand-action-primary-hover: #f4b740;
  --brand-action-primary-active: #d4901a;
  --brand-action-primary-focused: #f2ab27;
  --brand-action-primary-hover-outline: rgba(242, 171, 39, 0.12);

  --brand-action-secondary-default: #333333;
  --brand-action-secondary-hover: #444444;
  --brand-action-secondary-active: #222222;
  --brand-action-secondary-focused: #333333;

  --brand-action-tertiary-default: #333333;
  --brand-action-tertiary-hover: #444444;
  --brand-action-tertiary-active: #222222;
  --brand-action-tertiary-focused: #333333;

  --brand-color-alpha-10: rgba(242, 171, 39, 0.1);
  --brand-color-alpha-20: rgba(242, 171, 39, 0.2);

  --brand-font-body: 'Open Sans', system-ui, sans-serif;
  --brand-font-heading: 'Open Sans', system-ui, sans-serif;
  --brand-font-label: 'Open Sans', system-ui, sans-serif;
  --brand-font-caption: 'Open Sans', system-ui, sans-serif;
}

[data-brand='melhor-ai'] {
  --brand-color-primary: #001d46;
  --brand-color-secondary: #1eb1fb;
  --brand-color-tertiary: #47fbcd;

  --brand-action-primary-default: #001d46;
  --brand-action-primary-hover: #002a66;
  --brand-action-primary-active: #001533;
  --brand-action-primary-focused: #001d46;
  --brand-action-primary-hover-outline: rgba(0, 29, 70, 0.12);

  --brand-action-secondary-default: #1eb1fb;
  --brand-action-secondary-hover: #39bafb;
  --brand-action-secondary-active: #07a4f4;
  --brand-action-secondary-focused: #1eb1fb;

  --brand-action-tertiary-default: #47fbcd;
  --brand-action-tertiary-hover: #62fbd3;
  --brand-action-tertiary-active: #2cf3bf;
  --brand-action-tertiary-focused: #47fbcd;

  --brand-color-alpha-10: rgba(0, 29, 70, 0.1);
  --brand-color-alpha-20: rgba(0, 29, 70, 0.2);

  --brand-font-body: 'Nunito', system-ui, sans-serif;
  --brand-font-heading: 'Nunito', system-ui, sans-serif;
  --brand-font-label: 'Nunito', system-ui, sans-serif;
  --brand-font-caption: 'Nunito', system-ui, sans-serif;
}

[data-brand='mercantil'] {
  --brand-color-primary: #1526ff;
  --brand-color-secondary: #ffbf17;
  --brand-color-tertiary: #ffbf17;

  --brand-action-primary-default: #1526ff;
  --brand-action-primary-hover: #3340ff;
  --brand-action-primary-active: #0e1cd9;
  --brand-action-primary-focused: #1526ff;
  --brand-action-primary-hover-outline: rgba(21, 38, 255, 0.12);

  --brand-action-secondary-default: #ffbf17;
  --brand-action-secondary-hover: #ffca38;
  --brand-action-secondary-active: #e5a800;
  --brand-action-secondary-focused: #ffbf17;

  --brand-action-tertiary-default: #ffbf17;
  --brand-action-tertiary-hover: #ffca38;
  --brand-action-tertiary-active: #e5a800;
  --brand-action-tertiary-focused: #ffbf17;

  --brand-color-alpha-10: rgba(21, 38, 255, 0.1);
  --brand-color-alpha-20: rgba(21, 38, 255, 0.2);

  --brand-font-body: 'Nunito', system-ui, sans-serif;
  --brand-font-heading: 'Nunito', system-ui, sans-serif;
  --brand-font-label: 'Nunito', system-ui, sans-serif;
  --brand-font-caption: 'Nunito', system-ui, sans-serif;
}

[data-brand='meu-mais-odonto'] {
  --brand-color-primary: #00a9e0;
  --brand-color-secondary: #0088b5;
  --brand-color-tertiary: #0088b5;

  --brand-action-primary-default: #00a9e0;
  --brand-action-primary-hover: #1ab6e8;
  --brand-action-primary-active: #0088b5;
  --brand-action-primary-focused: #00a9e0;
  --brand-action-primary-hover-outline: rgba(0, 169, 224, 0.12);

  --brand-action-secondary-default: #0088b5;
  --brand-action-secondary-hover: #0099cc;
  --brand-action-secondary-active: #006e94;
  --brand-action-secondary-focused: #0088b5;

  --brand-action-tertiary-default: #0088b5;
  --brand-action-tertiary-hover: #0099cc;
  --brand-action-tertiary-active: #006e94;
  --brand-action-tertiary-focused: #0088b5;

  --brand-color-alpha-10: rgba(0, 169, 224, 0.1);
  --brand-color-alpha-20: rgba(0, 169, 224, 0.2);

  --brand-font-body: 'Inter', system-ui, sans-serif;
  --brand-font-heading: 'Inter', system-ui, sans-serif;
  --brand-font-label: 'Inter', system-ui, sans-serif;
  --brand-font-caption: 'Inter', system-ui, sans-serif;

  --clin-color-primary: #00a9e0;
  --clin-color-primary-hover: #0088b5;
  --clin-border-radius: 8px;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles/clin-ui-brand-bridge.scss?ngGlobalStyle ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* Aliases legados → tokens @clin/ui; carregar depois de variables.css; html com data-brand. */
[data-brand=agiben],
[data-brand=agisales] {
  --brand-primary: var(--brand-color-primary);
  --brand-primary-light: var(--brand-action-primary-hover);
  --brand-primary-dark: var(--brand-action-primary-active);
  --brand-secondary: var(--brand-color-secondary);
  --brand-secondary-light: var(--brand-action-secondary-hover);
  --brand-secondary-dark: var(--brand-action-secondary-active);
  --brand-background: var(--theme-color-bg-subtle);
  --brand-primary-dataset: var(--brand-color-primary);
  --brand-chat-color: var(--brand-color-primary);
  --brand-login-bg: url('woman-smiling.320364bc928aff5b.svg');
  --brand-info-border: var(--brand-color-primary);
  --brand-info-bg: color-mix(in srgb, var(--brand-color-primary) 20%, #ffffff);
  --brand-dot-active-bg: color-mix(in srgb, var(--brand-color-primary) 20%, #ffffff);
  --brand-typography-font-family: var(--brand-font-body);
  --brand-typography-font-weight: var(--ref-font-weight-regular);
  --brand-typography-font-size: var(--sys-font-body-sm-size);
  --brand-typography-line-height: var(--sys-font-body-sm-line-height);
  --brand-typography-letter-spacing: var(--sys-font-letter-spacing-normal);
  --sys-color-fatura-icon-surface: var(--brand-color-alpha-10);
  --sys-color-fatura-icon-ink: var(--brand-action-primary-default);
}

[data-brand=agiben] {
  --brand-button-label: var(--brand-color-secondary);
}

[data-brand=agisales] {
  --brand-button-label: var(--theme-color-content-on-color);
}

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