/*
  Form component layer.
  Loaded after app.css while legacy input/searchselect rules are retired gradually.
*/

body.has-app-sidebar,
body.client-portal-body{
  --field-height: 38px;
  --field-radius: 8px;
  --field-font-size: .86rem;
  --field-font-weight: 700;
  --field-pad-x: 12px;
  --field-bg: #ffffff;
  --field-bg-hover: #fbfdfc;
  --field-bg-disabled: #f1f5f9;
  --field-border: #d8e3e8;
  --field-border-hover: #bfd1d8;
  --field-border-focus: #0f9f6e;
  --field-text: #17202a;
  --field-muted: #64748b;
  --field-placeholder: #8a97a6;
  --field-ring: 0 0 0 3px rgb(15 159 110 / .16);
  --field-list-bg: #ffffff;
  --field-list-border: #d8e3e8;
  --field-list-shadow: 0 18px 38px rgb(15 23 42 / .14);
  --field-option-bg-hover: #eef8f4;
  --field-option-bg-active: #e5f7ef;
  --field-option-text: #17202a;
  --field-option-muted: #64748b;
  --field-chip-bg: #eef8f4;
  --field-chip-border: rgb(15 159 110 / .28);
  --field-chip-text: #0f6f50;
}

html[data-theme="dark"] body.has-app-sidebar,
html[data-theme="dark"] body.client-portal-body{
  --field-bg: #0b0b0b;
  --field-bg-hover: #111111;
  --field-bg-disabled: #171717;
  --field-border: #2a2a2a;
  --field-border-hover: #3a3a3a;
  --field-border-focus: #00a86f;
  --field-text: #e5e7eb;
  --field-muted: #9ca3af;
  --field-placeholder: #7b8491;
  --field-ring: 0 0 0 3px rgb(45 212 191 / .16);
  --field-list-bg: #111111;
  --field-list-border: #2a2a2a;
  --field-list-shadow: 0 20px 42px rgb(0 0 0 / .44);
  --field-option-bg-hover: #17201d;
  --field-option-bg-active: #0f2a21;
  --field-option-text: #e5e7eb;
  --field-option-muted: #9ca3af;
  --field-chip-bg: #09251d;
  --field-chip-border: rgb(45 212 191 / .32);
  --field-chip-text: #6ee7b7;
}

body:is(.has-app-sidebar, .client-portal-body) .field{
  min-width: 0;
}

body:is(.has-app-sidebar, .client-portal-body) :is(.label, label.label){
  color: var(--field-muted) !important;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: .76rem;
  font-weight: 850;
  line-height: 1.25;
  margin-bottom: 6px;
  text-transform: none;
}

body:is(.has-app-sidebar, .client-portal-body) :is(
  #mhdFormLayer,
  input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="range"]):not([type="color"]):not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]),
  select,
  textarea,
  .input,
  .ss-input,
  .search input,
  .searchbar__input,
  .topbar-search input
){
  appearance: none;
  background: var(--field-bg) !important;
  background-image: none !important;
  border: 1px solid var(--field-border) !important;
  border-radius: var(--field-radius) !important;
  box-shadow: none !important;
  color: var(--field-text) !important;
  font-size: var(--field-font-size) !important;
  font-weight: var(--field-font-weight) !important;
  line-height: 1.25 !important;
  min-height: var(--field-height) !important;
  outline: 0 !important;
  padding: 8px var(--field-pad-x) !important;
  text-align: left !important;
  text-shadow: none !important;
  transition: background-color .14s ease, border-color .14s ease, box-shadow .14s ease, color .14s ease !important;
  width: 100%;
}

body:is(.has-app-sidebar, .client-portal-body) :is(
  #mhdFormLayer,
  input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="range"]):not([type="color"]):not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]):hover,
  select:hover,
  textarea:hover,
  .input:hover,
  .ss-input:hover,
  .search input:hover,
  .searchbar__input:hover,
  .topbar-search input:hover
){
  background: var(--field-bg-hover) !important;
  border-color: var(--field-border-hover) !important;
}

body:is(.has-app-sidebar, .client-portal-body) :is(
  #mhdFormLayer,
  input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="range"]):not([type="color"]):not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]):focus,
  select:focus,
  textarea:focus,
  .input:focus,
  .ss-input:focus,
  .search input:focus,
  .searchbar__input:focus,
  .topbar-search input:focus
){
  background: var(--field-bg) !important;
  border-color: var(--field-border-focus) !important;
  box-shadow: var(--field-ring) !important;
}

body:is(.has-app-sidebar, .client-portal-body) input::placeholder,
body:is(.has-app-sidebar, .client-portal-body) textarea::placeholder,
body:is(.has-app-sidebar, .client-portal-body) .input::placeholder,
body:is(.has-app-sidebar, .client-portal-body) .ss-input::placeholder{
  color: var(--field-placeholder) !important;
  opacity: 1 !important;
}

body:is(.has-app-sidebar, .client-portal-body) :is(textarea, textarea.input){
  height: auto !important;
  min-height: 108px !important;
  resize: vertical;
}

body:is(.has-app-sidebar, .client-portal-body) :is(select, .input-select){
  appearance: auto !important;
  cursor: pointer;
  padding-right: 34px !important;
}

body:is(.has-app-sidebar, .client-portal-body) :is(
  input:disabled,
  input[readonly],
  select:disabled,
  textarea:disabled,
  textarea[readonly],
  .input:disabled,
  .input[readonly],
  .ss-input[readonly],
  .searchselect.is-locked .ss-input
){
  background: var(--field-bg-disabled) !important;
  border-color: var(--field-border) !important;
  color: color-mix(in srgb, var(--field-text) 70%, var(--field-muted)) !important;
  cursor: not-allowed !important;
  opacity: .82 !important;
}

body:is(.has-app-sidebar, .client-portal-body) :is(input[aria-invalid="true"], select[aria-invalid="true"], textarea[aria-invalid="true"], .input.is-invalid){
  border-color: #dc2626 !important;
  box-shadow: 0 0 0 3px rgb(220 38 38 / .14) !important;
}

body:is(.has-app-sidebar, .client-portal-body) .searchselect{
  min-height: var(--field-height);
  min-width: 0;
  position: relative;
  width: 100%;
}

body:is(.has-app-sidebar, .client-portal-body) .searchselect.is-open{
  z-index: 1400 !important;
}

body:is(.has-app-sidebar, .client-portal-body) :is(#mhdFormLayer, .searchselect).searchselect.has-color .ss-input.ss-input,
body:is(.has-app-sidebar, .client-portal-body) :is(#mhdFormLayer, .searchselect).searchselect.has-color .ss-input.ss-has-dot{
  padding-left: 48px !important;
}

body:is(.has-app-sidebar, .client-portal-body) :is(#mhdFormLayer, .searchselect).searchselect .ss-picked-swatch,
body:is(.has-app-sidebar, .client-portal-body) :is(#mhdFormLayer, .searchselect).searchselect .ss-picked-dot{
  border: 1px solid rgb(255 255 255 / .28);
  border-radius: 999px;
  box-shadow: 0 0 0 1px rgb(15 23 42 / .08);
  display: none;
  height: 12px;
  left: 18px;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  z-index: 2;
}

body:is(.has-app-sidebar, .client-portal-body) :is(#mhdFormLayer, .searchselect).searchselect.has-color .ss-picked-swatch,
body:is(.has-app-sidebar, .client-portal-body) :is(#mhdFormLayer, .searchselect).searchselect.has-color .ss-picked-dot{
  display: block;
}

body:is(.has-app-sidebar, .client-portal-body) :is(#mhdFormLayer, .mhd-shortcut-row).mhd-shortcut-row{
  --field-shortcut-size: 34px;
  --field-shortcut-offset: 2px;
  --field-shortcut-stack: calc((var(--field-shortcut-size) * 2) + 10px);
  border-radius: var(--field-radius) !important;
  display: block !important;
  min-height: var(--field-height);
  min-width: 0;
  position: relative !important;
}

body:is(.has-app-sidebar, .client-portal-body) :is(#mhdFormLayer, .mhd-shortcut-row).mhd-shortcut-row > :is(select, input, .input, .searchselect){
  min-width: 0;
  width: 100% !important;
}

body:is(.has-app-sidebar, .client-portal-body) :is(#mhdFormLayer, .mhd-shortcut-row).mhd-shortcut-row > :is(select, input, .input),
body:is(.has-app-sidebar, .client-portal-body) :is(#mhdFormLayer, .mhd-shortcut-row).mhd-shortcut-row > .searchselect .ss-input{
  padding-right: calc(var(--field-shortcut-stack) + 22px) !important;
}

body:is(.has-app-sidebar, .client-portal-body) :is(#mhdFormLayer, .mhd-shortcut-row).mhd-shortcut-row > .searchselect::after{
  right: calc(var(--field-shortcut-stack) + 8px) !important;
}

body:is(.has-app-sidebar, .client-portal-body) :is(#mhdFormLayer, .mhd-shortcut-row).mhd-shortcut-row > .mhd-shortcut-btn.mhd-shortcut-btn{
  align-items: center !important;
  aspect-ratio: auto !important;
  border: 0 !important;
  border-radius: 7px !important;
  bottom: auto !important;
  box-shadow: none !important;
  display: inline-flex !important;
  height: calc(var(--field-height) - (var(--field-shortcut-offset) * 2)) !important;
  justify-content: center !important;
  margin: 0 !important;
  max-height: calc(var(--field-height) - (var(--field-shortcut-offset) * 2)) !important;
  min-height: calc(var(--field-height) - (var(--field-shortcut-offset) * 2)) !important;
  min-width: var(--field-shortcut-size) !important;
  padding: 0 !important;
  position: absolute !important;
  right: var(--field-shortcut-offset) !important;
  top: var(--field-shortcut-offset) !important;
  transform: none !important;
  width: var(--field-shortcut-size) !important;
  z-index: 5 !important;
}

body:is(.has-app-sidebar, .client-portal-body) :is(#mhdFormLayer, .mhd-shortcut-row).mhd-shortcut-row > .mhd-shortcut-btn.mhd-shortcut-btn:first-of-type:not(:last-of-type){
  right: calc(var(--field-shortcut-size) + (var(--field-shortcut-offset) * 2)) !important;
}

body:is(.has-app-sidebar, .client-portal-body) :is(#mhdFormLayer, .mhd-shortcut-row).mhd-shortcut-row > .mhd-shortcut-btn.mhd-shortcut-btn[data-mhd-shortcut="create"]{
  background: #00a86f !important;
  background-image: none !important;
  color: #ffffff !important;
}

body:is(.has-app-sidebar, .client-portal-body) :is(#mhdFormLayer, .mhd-shortcut-row).mhd-shortcut-row > .mhd-shortcut-btn.mhd-shortcut-btn[data-mhd-shortcut="edit"]{
  background: #f59e0b !important;
  background-image: none !important;
  color: #111827 !important;
}

body:is(.has-app-sidebar, .client-portal-body) :is(#mhdFormLayer, .mhd-shortcut-row).mhd-shortcut-row > .mhd-shortcut-btn.mhd-shortcut-btn[data-mhd-shortcut="create"]:hover{
  background: #008d5e !important;
  color: #ffffff !important;
}

body:is(.has-app-sidebar, .client-portal-body) :is(#mhdFormLayer, .mhd-shortcut-row).mhd-shortcut-row > .mhd-shortcut-btn.mhd-shortcut-btn[data-mhd-shortcut="edit"]:hover{
  background: #d97706 !important;
  color: #111827 !important;
}

body:is(.has-app-sidebar, .client-portal-body) :is(#mhdFormLayer, .mhd-shortcut-row).mhd-shortcut-row > .mhd-shortcut-btn.mhd-shortcut-btn :is(i[data-lucide], svg){
  color: currentColor !important;
  height: 16px !important;
  stroke: currentColor !important;
  width: 16px !important;
}

body:is(.has-app-sidebar, .client-portal-body) :is(
  #mhdFormLayer,
  .searchselect .ss-list
){
  background: var(--field-list-bg) !important;
  background-image: none !important;
  border: 1px solid var(--field-list-border) !important;
  border-radius: 8px !important;
  box-shadow: var(--field-list-shadow) !important;
  color: var(--field-option-text) !important;
  left: 0;
  max-height: min(320px, 42vh) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  padding: 6px !important;
  right: 0;
  scrollbar-gutter: stable;
  top: calc(100% + 6px);
  z-index: 1500 !important;
}

body:is(.has-app-sidebar, .client-portal-body) .searchselect .ss-list--portal{
  z-index: 16000 !important;
}

body:is(.has-app-sidebar, .client-portal-body) .searchselect .ss-list::-webkit-scrollbar{
  width: 10px;
}

body:is(.has-app-sidebar, .client-portal-body) .searchselect .ss-list::-webkit-scrollbar-thumb{
  background: color-mix(in srgb, var(--field-border-focus) 56%, var(--field-border));
  border: 2px solid var(--field-list-bg);
  border-radius: 999px;
}

body:is(.has-app-sidebar, .client-portal-body) .searchselect .ss-list::-webkit-scrollbar-track{
  background: transparent;
}

body:is(.has-app-sidebar, .client-portal-body) :is(
  .searchselect .dropdown__item,
  .searchselect .ss-list .dropdown__item
){
  align-items: center !important;
  background: transparent !important;
  background-image: none !important;
  border: 1px solid transparent !important;
  border-radius: 7px !important;
  box-shadow: none !important;
  color: var(--field-option-text) !important;
  cursor: pointer !important;
  display: grid !important;
  font-size: .84rem !important;
  font-weight: 760 !important;
  gap: 10px !important;
  grid-template-columns: 14px minmax(0, 1fr) auto !important;
  line-height: 1.25 !important;
  min-height: 38px !important;
  padding: 8px 10px !important;
  text-align: left !important;
  text-decoration: none !important;
  text-shadow: none !important;
  transform: none !important;
  width: 100% !important;
}

body:is(.has-app-sidebar, .client-portal-body) :is(
  .searchselect .dropdown__item:hover,
  .searchselect .dropdown__item.is-active
){
  background: var(--field-option-bg-hover) !important;
  border-color: color-mix(in srgb, var(--field-border-focus) 42%, transparent) !important;
  color: var(--field-option-text) !important;
}

body:is(.has-app-sidebar, .client-portal-body) .searchselect .dropdown__item.is-selected{
  background: var(--field-option-bg-active) !important;
  border-color: color-mix(in srgb, var(--field-border-focus) 52%, transparent) !important;
}

body:is(.has-app-sidebar, .client-portal-body) .searchselect .dropdown__item:disabled{
  cursor: not-allowed !important;
  opacity: .48 !important;
}

body:is(.has-app-sidebar, .client-portal-body) .searchselect .dropdown__item .name,
body:is(.has-app-sidebar, .client-portal-body) .searchselect .dropdown__item .ss-name{
  color: inherit !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body:is(.has-app-sidebar, .client-portal-body) .searchselect .dropdown__item .right{
  color: var(--field-option-muted) !important;
  font-size: .72rem !important;
  font-weight: 800 !important;
  margin-left: 8px;
  white-space: nowrap;
}

body:is(.has-app-sidebar, .client-portal-body) .searchselect .dropdown__item .sw,
body:is(.has-app-sidebar, .client-portal-body) .searchselect .dropdown__item .dot{
  background: var(--sw, currentColor);
  border: 1px solid rgb(255 255 255 / .28);
  border-radius: 999px;
  box-shadow: 0 0 0 1px rgb(15 23 42 / .08);
  height: 12px;
  width: 12px;
}

body:is(.has-app-sidebar, .client-portal-body) .ss-chips{
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 6px;
  min-width: 0;
}

body:is(.has-app-sidebar, .client-portal-body) .ss-chips:empty{
  display: none;
}

body:is(.has-app-sidebar, .client-portal-body) .ss-chip{
  align-items: center;
  background: var(--field-chip-bg) !important;
  border: 1px solid var(--field-chip-border) !important;
  border-radius: 999px !important;
  color: var(--field-chip-text) !important;
  display: inline-flex;
  font-size: .76rem;
  font-weight: 850;
  gap: 6px;
  line-height: 1.2;
  min-height: 24px;
  padding: 3px 8px;
}

body:is(.has-app-sidebar, .client-portal-body) .ss-chip button{
  align-items: center;
  background: transparent !important;
  border: 0 !important;
  color: currentColor !important;
  cursor: pointer;
  display: inline-flex;
  font: inherit;
  height: 18px;
  justify-content: center;
  padding: 0 !important;
  width: 18px;
}

/* Unified filter bar pilot. Keep this component solid and independent of legacy card chrome. */
body:is(.has-app-sidebar, .client-portal-body){
  --filterbar-search-bg: #4b5563;
  --filterbar-search-bg-hover: #374151;
  --filterbar-search-text: #ffffff;
  --filterbar-gap: 8px;
  --filterbar-tool-border: #d8e3e8;
  --filterbar-tool-text: #17202a;
  --filterbar-new-bg: #0f9f6e;
  --filterbar-new-bg-hover: #0b8f62;
  --filterbar-new-text: #ffffff;
}

html[data-theme="dark"] body:is(.has-app-sidebar, .client-portal-body){
  --filterbar-search-bg: #3a3a3a;
  --filterbar-search-bg-hover: #464646;
  --filterbar-search-text: #f9fafb;
  --filterbar-tool-border: #303030;
  --filterbar-tool-text: #e5e7eb;
  --filterbar-new-bg: #00a86f;
  --filterbar-new-bg-hover: #008f5f;
  --filterbar-new-text: #ffffff;
}

body:is(.has-app-sidebar, .client-portal-body) .mhd-filterbar.tk-filters{
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  display: block !important;
  margin-top: 14px !important;
  overflow: visible !important;
  padding: 0 !important;
  position: relative;
  z-index: 80;
}

body:is(.has-app-sidebar, .client-portal-body) :is(#ticketsPage, #ticketsKanbanPage, #financeControlPage) .mhd-filterbar.tk-filters{
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  display: block !important;
  margin-top: 14px !important;
  padding: 0 !important;
}

body:is(.has-app-sidebar, .client-portal-body) .mhd-filterbar__row{
  align-items: end;
  display: flex;
  gap: var(--filterbar-gap);
  justify-content: flex-start;
  width: 100%;
}

body:is(.has-app-sidebar, .client-portal-body) .mhd-filterbar__search{
  flex: 0 1 min(620px, 52vw);
  min-width: 0;
  width: min(620px, 52vw);
}

body:is(.has-app-sidebar, .client-portal-body) .mhd-filterbar__search-control{
  align-items: stretch;
  display: flex;
  min-width: 0;
  position: relative;
  width: 100%;
}

body:is(.has-app-sidebar, .client-portal-body) .mhd-filterbar__search-control > .input{
  border-radius: var(--field-radius) !important;
  min-width: 0;
  padding-right: 52px !important;
}

body:is(.has-app-sidebar, .client-portal-body) .mhd-filterbar__search-submit.icon-btn{
  aspect-ratio: auto !important;
  background: var(--filterbar-search-bg) !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  color: var(--filterbar-search-text) !important;
  flex: 0 0 auto !important;
  filter: none !important;
  height: calc(var(--field-height) - 6px) !important;
  min-height: calc(var(--field-height) - 6px) !important;
  min-width: 40px !important;
  padding: 0 !important;
  position: absolute;
  right: 3px;
  top: 3px;
  width: 40px !important;
}

body:is(.has-app-sidebar, .client-portal-body) .mhd-filterbar__search-submit.icon-btn:is(:hover, :focus-visible){
  background: var(--filterbar-search-bg-hover) !important;
  border-color: var(--filterbar-search-bg-hover) !important;
  color: var(--filterbar-search-text) !important;
}

body:is(.has-app-sidebar, .client-portal-body) .mhd-filterbar__tools,
body:is(.has-app-sidebar, .client-portal-body) .mhd-filterbar__primary{
  align-items: center;
  display: flex;
  gap: var(--filterbar-gap);
  min-width: 0;
}

body:is(.has-app-sidebar, .client-portal-body) .mhd-filterbar__primary{
  margin-left: auto;
  justify-content: flex-end;
}

body:is(.has-app-sidebar, .client-portal-body) .mhd-filterbar__filter-btn.btn,
body:is(.has-app-sidebar, .client-portal-body) .mhd-filterbar__settings.icon-btn{
  background: transparent !important;
  background-image: none !important;
  border-color: var(--filterbar-tool-border) !important;
  box-shadow: none !important;
  color: var(--filterbar-tool-text) !important;
  height: var(--field-height) !important;
  min-height: var(--field-height) !important;
}

body:is(.has-app-sidebar, .client-portal-body) .mhd-filterbar__filter-btn.btn .tk-adv-toggle__icon--on,
body:is(.has-app-sidebar, .client-portal-body) .mhd-filterbar__filter-btn.btn .tk-adv-toggle__txt--on{
  display: none;
}

body:is(.has-app-sidebar, .client-portal-body) .mhd-filterbar__filter-btn.btn.is-on .tk-adv-toggle__icon--off,
body:is(.has-app-sidebar, .client-portal-body) .mhd-filterbar__filter-btn.btn.is-on .tk-adv-toggle__txt--off{
  display: none;
}

body:is(.has-app-sidebar, .client-portal-body) .mhd-filterbar__filter-btn.btn.is-on .tk-adv-toggle__icon--on,
body:is(.has-app-sidebar, .client-portal-body) .mhd-filterbar__filter-btn.btn.is-on .tk-adv-toggle__txt--on{
  display: inline-flex;
}

body:is(.has-app-sidebar, .client-portal-body) .mhd-filterbar__filter-btn.btn:is(.is-on, [aria-expanded="true"], :hover, :focus-visible),
body:is(.has-app-sidebar, .client-portal-body) .mhd-filterbar__settings.icon-btn:is(:hover, :focus-visible){
  background: transparent !important;
  background-image: none !important;
  border-color: color-mix(in srgb, var(--filterbar-tool-text) 28%, var(--filterbar-tool-border)) !important;
  color: var(--filterbar-tool-text) !important;
  box-shadow: none !important;
}

body:is(.has-app-sidebar, .client-portal-body) #financeControlPage .mhd-filterbar__filter-btn.fin-adv-toggle,
body:is(.has-app-sidebar, .client-portal-body) #financeControlPage .mhd-filterbar__filter-btn.fin-adv-toggle:is(.is-on, [aria-expanded="true"], :hover, :focus-visible){
  background: transparent !important;
  background-image: none !important;
  border-color: var(--filterbar-tool-border) !important;
  box-shadow: none !important;
  color: var(--filterbar-tool-text) !important;
  filter: none !important;
  text-shadow: none !important;
}

body:is(.has-app-sidebar, .client-portal-body) .mhd-filterbar__settings.icon-btn{
  min-width: var(--field-height) !important;
  width: var(--field-height) !important;
}

body:is(.has-app-sidebar, .client-portal-body) :is(#ticketsPage, #ticketsKanbanPage, #financeControlPage) .mhd-filterbar__settings.icon-btn{
  background: transparent !important;
  background-image: none !important;
  border-color: var(--filterbar-tool-border) !important;
  box-shadow: none !important;
  color: var(--filterbar-tool-text) !important;
  filter: none !important;
  text-shadow: none !important;
}

body:is(.has-app-sidebar, .client-portal-body) :is(#ticketsPage, #ticketsKanbanPage, #financeControlPage) .mhd-filterbar__settings.icon-btn :is(i[data-lucide], svg){
  color: var(--filterbar-tool-text) !important;
  stroke: currentColor !important;
}

body:is(.has-app-sidebar, .client-portal-body) :is(#ticketsPage, #ticketsKanbanPage, #financeControlPage) .mhd-filterbar__settings.icon-btn:is(:hover, :focus-visible){
  background: transparent !important;
  background-image: none !important;
  border-color: color-mix(in srgb, var(--filterbar-tool-text) 28%, var(--filterbar-tool-border)) !important;
  box-shadow: none !important;
  color: var(--filterbar-tool-text) !important;
}

body:is(.has-app-sidebar, .client-portal-body) .mhd-filterbar__primary .btn-new-ticket{
  background: var(--filterbar-new-bg) !important;
  background-image: none !important;
  border-color: var(--filterbar-new-bg) !important;
  box-shadow: none !important;
  color: var(--filterbar-new-text) !important;
}

body:is(.has-app-sidebar, .client-portal-body) .mhd-filterbar__primary .btn-new-ticket:is(:hover, :focus-visible){
  background: var(--filterbar-new-bg-hover) !important;
  border-color: var(--filterbar-new-bg-hover) !important;
  color: var(--filterbar-new-text) !important;
}

body:is(.has-app-sidebar, .client-portal-body) .mhd-filterbar__primary .btn-new-ticket__dots{
  display: none !important;
}

body:is(.has-app-sidebar, .client-portal-body) .mhd-filterbar :is(.mhd-filterbar__filter-btn, .tk-adv-toggle, button[data-tk-toggle-advanced], button[data-tkb-open-advanced], button[data-fin-advanced-toggle], button[data-cat-open-filters], button[data-finps-open-filters], button[data-people-filter-open]){
  background: transparent !important;
  background-image: none !important;
  border-color: var(--filterbar-tool-border) !important;
  box-shadow: none !important;
  color: var(--filterbar-tool-text) !important;
  filter: none !important;
  text-shadow: none !important;
}

body:is(.has-app-sidebar, .client-portal-body) .mhd-filterbar :is(
  .btn.ghost.mhd-filterbar__filter-btn,
  .btn.ghost.tk-adv-toggle,
  .btn.primary.mhd-filterbar__filter-btn,
  .tk-adv-toggle,
  [data-mhd-filter-open],
  [data-tk-toggle-advanced],
  [data-tkb-open-advanced],
  [data-fin-advanced-toggle],
  [data-cat-open-filters],
  [data-finps-open-filters],
  [data-people-filter-open],
  [data-finc-open-filters],
  [data-fincol-open-filters],
  [data-access-open-filters],
  [data-accounting-open-filters],
  [data-holiday-open-filters],
  [data-plantao-history-open-filters]
){
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-color: var(--filterbar-tool-border) !important;
  box-shadow: none !important;
  color: var(--filterbar-tool-text) !important;
  filter: none !important;
  text-shadow: none !important;
}

body:is(.has-app-sidebar, .client-portal-body) .mhd-filterbar :is(
  .btn.ghost.mhd-filterbar__filter-btn,
  .btn.ghost.tk-adv-toggle,
  .btn.primary.mhd-filterbar__filter-btn,
  .tk-adv-toggle,
  [data-mhd-filter-open],
  [data-tk-toggle-advanced],
  [data-tkb-open-advanced],
  [data-fin-advanced-toggle],
  [data-cat-open-filters],
  [data-finps-open-filters],
  [data-people-filter-open],
  [data-finc-open-filters],
  [data-fincol-open-filters],
  [data-access-open-filters],
  [data-accounting-open-filters],
  [data-holiday-open-filters],
  [data-plantao-history-open-filters]
):is(.is-on, .primary, [aria-expanded="true"], :hover, :focus-visible){
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-color: color-mix(in srgb, var(--filterbar-tool-text) 28%, var(--filterbar-tool-border)) !important;
  box-shadow: none !important;
  color: var(--filterbar-tool-text) !important;
  filter: none !important;
  text-shadow: none !important;
}

body:is(.has-app-sidebar, .client-portal-body) .mhd-filterbar :is(.mhd-filterbar__filter-btn, .tk-adv-toggle, button[data-tk-toggle-advanced], button[data-tkb-open-advanced], button[data-fin-advanced-toggle], button[data-cat-open-filters], button[data-finps-open-filters], button[data-people-filter-open]):is(.is-on, [aria-expanded="true"], :hover, :focus-visible){
  background: transparent !important;
  background-image: none !important;
  border-color: color-mix(in srgb, var(--filterbar-tool-text) 28%, var(--filterbar-tool-border)) !important;
  box-shadow: none !important;
  color: var(--filterbar-tool-text) !important;
  filter: none !important;
  text-shadow: none !important;
}

body:is(.has-app-sidebar, .client-portal-body) .mhd-filterbar :is(.mhd-filterbar__filter-btn, .tk-adv-toggle, button[data-tk-toggle-advanced], button[data-tkb-open-advanced], button[data-fin-advanced-toggle], button[data-cat-open-filters], button[data-finps-open-filters], button[data-people-filter-open]) :is(i[data-lucide], svg){
  color: var(--filterbar-tool-text) !important;
  stroke: currentColor !important;
  filter: none !important;
}

html[data-theme="dark"] body:is(.has-app-sidebar, .client-portal-body) .mhd-filterbar :is(.mhd-filterbar__filter-btn, .tk-adv-toggle, button[data-tk-toggle-advanced], button[data-tkb-open-advanced], button[data-fin-advanced-toggle], button[data-cat-open-filters], button[data-finps-open-filters], button[data-people-filter-open]) :is(i[data-lucide], svg){
  color: var(--filterbar-tool-text) !important;
}

body:is(.has-app-sidebar, .client-portal-body) .mhd-filterbar__primary :is(.btn-new-ticket, .btn.primary, button[id^="btn"]){
  background: var(--filterbar-new-bg) !important;
  background-image: none !important;
  border-color: var(--filterbar-new-bg) !important;
  box-shadow: none !important;
  color: var(--filterbar-new-text) !important;
  filter: none !important;
  text-shadow: none !important;
}

body:is(.has-app-sidebar, .client-portal-body) .mhd-filterbar__primary :is(.btn-new-ticket, .btn.primary, button[id^="btn"]):is(:hover, :focus-visible){
  background: var(--filterbar-new-bg-hover) !important;
  border-color: var(--filterbar-new-bg-hover) !important;
  color: var(--filterbar-new-text) !important;
}

body:is(.has-app-sidebar, .client-portal-body) .mhd-filterbar__primary :is(.btn-new-ticket, .btn.primary, button[id^="btn"], a.btn.primary, a.btn-new-ticket){
  border-radius: 8px !important;
  gap: 7px;
}

body:is(.has-app-sidebar, .client-portal-body) :is(.filters-actions, .tk-filters__actions, .fin-filter-actions, .fincol-filter-actions) :is(
  .btn.ghost,
  a.btn.ghost,
  .btn[type="submit"],
  .btn.primary,
  [data-tk-remember],
  [data-tkb-save-filters],
  [data-fin-remember],
  [data-release-filter-apply],
  [data-fincol-filter-clear],
  [data-fincol-filter-apply]
){
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-color: var(--filterbar-tool-border) !important;
  box-shadow: none !important;
  color: var(--filterbar-tool-text) !important;
  filter: none !important;
  text-shadow: none !important;
}

body:is(.has-app-sidebar, .client-portal-body) :is(.filters-actions, .tk-filters__actions, .fin-filter-actions, .fincol-filter-actions) :is(
  .btn.ghost,
  a.btn.ghost,
  .btn[type="submit"],
  .btn.primary,
  [data-tk-remember],
  [data-tkb-save-filters],
  [data-fin-remember],
  [data-release-filter-apply],
  [data-fincol-filter-clear],
  [data-fincol-filter-apply]
):is(:hover, :focus-visible){
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-color: color-mix(in srgb, var(--filterbar-tool-text) 28%, var(--filterbar-tool-border)) !important;
  box-shadow: none !important;
  color: var(--filterbar-tool-text) !important;
}

body:is(.has-app-sidebar, .client-portal-body) .mhd-filter-modal{
  --field-height: 34px;
  --btn-height: 34px;
}

body:is(.has-app-sidebar, .client-portal-body) .mhd-filter-modal .modal__dialog{
  width: min(1040px, 94vw) !important;
  max-width: 1040px !important;
}

body:is(.has-app-sidebar, .client-portal-body) .mhd-filter-modal .modal__header{
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
}

body:is(.has-app-sidebar, .client-portal-body) .mhd-filter-modal .modal__body{
  gap: 0;
  padding: 8px 12px 12px;
}

body:is(.has-app-sidebar, .client-portal-body) .mhd-filter-modal .tk-filter-modal-actions{
  gap: 7px;
}

body:is(.has-app-sidebar, .client-portal-body) .mhd-filter-modal .tk-filter-modal-actions :is(.btn, a.btn){
  min-height: 34px !important;
  padding-inline: 10px !important;
}

body:is(.has-app-sidebar, .client-portal-body) .mhd-filter-modal .mhd-filter-modal__clear{
  background: var(--btn-warning-bg) !important;
  background-image: none !important;
  border-color: var(--btn-warning-border) !important;
  color: var(--btn-warning-text) !important;
}

body:is(.has-app-sidebar, .client-portal-body) .mhd-filter-modal .mhd-filter-modal__clear:is(:hover, :focus-visible){
  background: var(--btn-warning-bg-hover) !important;
  border-color: var(--btn-warning-bg-hover) !important;
  color: var(--btn-warning-text) !important;
}

body:is(.has-app-sidebar, .client-portal-body) .mhd-filter-modal .mhd-filter-modal__remember{
  background: var(--btn-neutral-bg) !important;
  background-image: none !important;
  border-color: var(--btn-neutral-border) !important;
  color: var(--btn-neutral-text) !important;
  position: relative;
}

body:is(.has-app-sidebar, .client-portal-body) .mhd-filter-modal .mhd-filter-modal__remember:is(:hover, :focus-visible){
  background: var(--btn-neutral-bg-hover) !important;
  border-color: var(--btn-neutral-border) !important;
  color: var(--btn-neutral-text) !important;
}

body:is(.has-app-sidebar, .client-portal-body) .mhd-filter-modal .tk-filter-section{
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--field-border);
  border-radius: 0;
  display: grid;
  gap: 10px;
  grid-template-columns: 116px minmax(0, 1fr);
  padding: 10px 0;
}

body:is(.has-app-sidebar, .client-portal-body) .mhd-filter-modal .tk-filter-section:first-of-type{
  padding-top: 0;
}

body:is(.has-app-sidebar, .client-portal-body) .mhd-filter-modal .tk-filter-section:last-of-type{
  border-bottom: 0;
  padding-bottom: 0;
}

body:is(.has-app-sidebar, .client-portal-body) .mhd-filter-modal .tk-filter-section__head{
  align-items: start;
  display: flex;
  justify-content: space-between;
  min-height: 22px;
  padding-top: 22px;
}

body:is(.has-app-sidebar, .client-portal-body) .mhd-filter-modal .tk-filter-section__head h4{
  color: var(--field-text);
  font-size: .8rem;
  font-weight: 900;
  line-height: 1.2;
  margin: 0;
}

body:is(.has-app-sidebar, .client-portal-body) .mhd-filter-modal .tk-filters__grid{
  align-items: end;
  display: grid;
  gap: 10px;
}

body:is(.has-app-sidebar, .client-portal-body) .mhd-filter-modal .tk-filters__grid--modal-main{
  grid-template-columns: minmax(180px, .9fr) minmax(180px, .9fr) minmax(180px, .9fr);
}

body:is(.has-app-sidebar, .client-portal-body) .mhd-filter-modal .tk-filters__grid--adv{
  grid-template-columns: repeat(4, minmax(150px, 1fr));
}

body:is(.has-app-sidebar, .client-portal-body) .mhd-filter-modal .tk-filters__grid--adv2{
  grid-template-columns: 1.2fr 1fr .9fr .9fr;
  margin-top: 0;
}

body:is(.has-app-sidebar, .client-portal-body) .mhd-filter-modal .field.span-2{
  grid-column: span 1;
}

body:is(.has-app-sidebar, .client-portal-body) .mhd-filter-modal :is(.label, label.label){
  font-size: .7rem !important;
  margin-bottom: 4px;
}

body:is(.has-app-sidebar, .client-portal-body) .mhd-filter-modal :is(.input, .ss-input, select){
  font-size: .8rem !important;
}

body:is(.has-app-sidebar, .client-portal-body) .mhd-filter-modal .searchselect .ss-chips{
  margin-top: 4px;
}

body:is(.has-app-sidebar, .client-portal-body) .mhd-filter-modal .tk-filter-status-head,
body:is(.has-app-sidebar, .client-portal-body) .mhd-filter-modal .tk-filter-label-row{
  min-height: 18px;
}

body:is(.has-app-sidebar, .client-portal-body) .mhd-filter-modal .tk-filter-inline-switch{
  gap: 6px;
}

body:is(.has-app-sidebar, .client-portal-body) .mhd-filter-modal .tk-filter-inline-switch .muted{
  font-size: .68rem;
}

body:is(.has-app-sidebar, .client-portal-body) .mhd-filter-modal .tk-sort-toggle{
  --btn-icon-size: 32px;
  height: 32px !important;
  min-height: 32px !important;
  min-width: 32px !important;
  width: 32px !important;
}

body:is(.has-app-sidebar, .client-portal-body) .mhd-filter-modal .mhd-switch{
  margin-top: 4px;
  transform: scale(.86);
  transform-origin: left center;
}

body:is(.has-app-sidebar, .client-portal-body) .mhd-filter-modal .tk-filter-modal-footer{
  align-items: center;
  justify-content: space-between;
}

body:is(.has-app-sidebar, .client-portal-body) .mhd-filter-modal .tk-filter-modal-footer__left,
body:is(.has-app-sidebar, .client-portal-body) .mhd-filter-modal .tk-filter-modal-footer__right{
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

body:is(.has-app-sidebar, .client-portal-body) .mhd-filter-modal .mhd-filter-modal__remember .tk-remember-dot{
  background: #94a3b8 !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  display: inline-flex !important;
  height: 7px !important;
  margin-left: 2px !important;
  opacity: .75 !important;
  position: static !important;
  transform: none !important;
  width: 7px !important;
}

body:is(.has-app-sidebar, .client-portal-body) .mhd-filter-modal .mhd-filter-modal__remember[data-on="1"] .tk-remember-dot{
  background: #0f9f6e !important;
  box-shadow: 0 0 0 3px rgb(15 159 110 / .18) !important;
  opacity: 1 !important;
}

body:is(.has-app-sidebar, .client-portal-body) :is(#modalTkAdvancedFilters, #modalTkbAdvancedFilters, #modalFinAdvancedFilters).mhd-filter-modal .modal__dialog{
  width: min(1040px, 94vw) !important;
  max-width: 1040px !important;
}

body:is(.has-app-sidebar, .client-portal-body) :is(#modalTkAdvancedFilters, #modalTkbAdvancedFilters, #modalFinAdvancedFilters).mhd-filter-modal .modal__body{
  gap: 0 !important;
  padding: 8px 12px 12px !important;
}

body:is(.has-app-sidebar, .client-portal-body) :is(#modalTkAdvancedFilters, #modalTkbAdvancedFilters, #modalFinAdvancedFilters).mhd-filter-modal .tk-filters__grid{
  display: grid;
  gap: 10px;
  align-items: end;
}

body:is(.has-app-sidebar, .client-portal-body) :is(#modalTkAdvancedFilters, #modalTkbAdvancedFilters, #modalFinAdvancedFilters).mhd-filter-modal .tk-filters__grid--modal-main{
  grid-template-columns: minmax(180px, .9fr) minmax(180px, .9fr) minmax(180px, .9fr);
}

body:is(.has-app-sidebar, .client-portal-body) :is(#modalTkAdvancedFilters, #modalTkbAdvancedFilters, #modalFinAdvancedFilters).mhd-filter-modal .tk-filters__grid--adv{
  grid-template-columns: repeat(4, minmax(150px, 1fr));
}

body:is(.has-app-sidebar, .client-portal-body) :is(#modalTkAdvancedFilters, #modalTkbAdvancedFilters, #modalFinAdvancedFilters).mhd-filter-modal .tk-filters__grid--adv2{
  grid-template-columns: 1.2fr 1fr .9fr .9fr;
  margin-top: 0;
}

body:is(.has-app-sidebar, .client-portal-body) :is(#modalTkAdvancedFilters, #modalTkbAdvancedFilters, #modalFinAdvancedFilters).mhd-filter-modal .field.span-2{
  grid-column: span 1;
}

body:is(.has-app-sidebar, .client-portal-body) :is(#modalTkAdvancedFilters, #modalTkbAdvancedFilters, #modalFinAdvancedFilters).mhd-filter-modal .searchselect .ss-chips{
  margin-top: 4px;
}

body:is(.has-app-sidebar, .client-portal-body) :is(#modalTkAdvancedFilters, #modalTkbAdvancedFilters, #modalFinAdvancedFilters).mhd-filter-modal .mhd-switch{
  margin-top: 4px;
  transform: scale(.86);
  transform-origin: left center;
}

body:is(.has-app-sidebar, .client-portal-body) #modalTkDefaults .tk-settings-modal__body{
  gap: 16px;
}

body:is(.has-app-sidebar, .client-portal-body) #modalTkDefaults .tk-settings-section{
  border-bottom: 1px solid var(--field-border);
  display: grid;
  gap: 12px;
  padding-bottom: 14px;
}

body:is(.has-app-sidebar, .client-portal-body) #modalTkDefaults .tk-settings-section:last-child{
  border-bottom: 0;
  padding-bottom: 0;
}

body:is(.has-app-sidebar, .client-portal-body) #modalTkDefaults .tk-settings-section__title{
  color: var(--field-text);
  font-size: .92rem;
  font-weight: 900;
  line-height: 1.25;
  margin: 0;
}

body:is(.has-app-sidebar, .client-portal-body) #modalTkDefaults .tk-default-view-toggle--settings{
  justify-self: start;
  margin: 0;
}

@media (max-width: 920px){
  body:is(.has-app-sidebar, .client-portal-body) .mhd-filterbar__row{
    flex-wrap: wrap;
  }

  body:is(.has-app-sidebar, .client-portal-body) .mhd-filterbar__search{
    flex: 1 1 min(420px, 100%);
    width: auto;
  }

  body:is(.has-app-sidebar, .client-portal-body) .mhd-filterbar__primary{
    margin-left: auto;
  }

  body:is(.has-app-sidebar, .client-portal-body) :is(#modalTkAdvancedFilters, #modalTkbAdvancedFilters, #modalFinAdvancedFilters).mhd-filter-modal .tk-filters__grid--modal-main{
    grid-template-columns: repeat(2, minmax(180px, 1fr));
  }

  body:is(.has-app-sidebar, .client-portal-body) :is(#modalTkAdvancedFilters, #modalTkbAdvancedFilters, #modalFinAdvancedFilters).mhd-filter-modal .tk-filter-section{
    grid-template-columns: 1fr;
  }

  body:is(.has-app-sidebar, .client-portal-body) :is(#modalTkAdvancedFilters, #modalTkbAdvancedFilters, #modalFinAdvancedFilters).mhd-filter-modal .tk-filter-section__head{
    padding-top: 0;
  }

  body:is(.has-app-sidebar, .client-portal-body) :is(#modalTkAdvancedFilters, #modalTkbAdvancedFilters, #modalFinAdvancedFilters).mhd-filter-modal .tk-filters__grid--adv,
  body:is(.has-app-sidebar, .client-portal-body) :is(#modalTkAdvancedFilters, #modalTkbAdvancedFilters, #modalFinAdvancedFilters).mhd-filter-modal .tk-filters__grid--adv2{
    grid-template-columns: repeat(2, minmax(180px, 1fr));
  }
}

@media (max-width: 620px){
  body:is(.has-app-sidebar, .client-portal-body) .mhd-filterbar__row{
    align-items: stretch;
  }

  body:is(.has-app-sidebar, .client-portal-body) .mhd-filterbar__search{
    flex-basis: 100%;
    width: 100%;
  }

  body:is(.has-app-sidebar, .client-portal-body) .mhd-filterbar__tools,
  body:is(.has-app-sidebar, .client-portal-body) .mhd-filterbar__primary{
    justify-content: stretch;
    width: 100%;
  }

  body:is(.has-app-sidebar, .client-portal-body) .mhd-filterbar__filter-btn{
    flex: 1 1 auto;
  }

  body:is(.has-app-sidebar, .client-portal-body) .mhd-filterbar__settings{
    flex: 0 0 var(--field-height);
  }

  body:is(.has-app-sidebar, .client-portal-body) .mhd-filterbar__primary .btn-new-ticket{
    width: 100%;
  }

  body:is(.has-app-sidebar, .client-portal-body) :is(#modalTkAdvancedFilters, #modalTkbAdvancedFilters, #modalFinAdvancedFilters).mhd-filter-modal .tk-filter-modal-footer,
  body:is(.has-app-sidebar, .client-portal-body) :is(#modalTkAdvancedFilters, #modalTkbAdvancedFilters, #modalFinAdvancedFilters).mhd-filter-modal .tk-filter-modal-footer__left,
  body:is(.has-app-sidebar, .client-portal-body) :is(#modalTkAdvancedFilters, #modalTkbAdvancedFilters, #modalFinAdvancedFilters).mhd-filter-modal .tk-filter-modal-footer__right{
    align-items: stretch;
    width: 100%;
  }

  body:is(.has-app-sidebar, .client-portal-body) :is(#modalTkAdvancedFilters, #modalTkbAdvancedFilters, #modalFinAdvancedFilters).mhd-filter-modal .tk-filter-modal-footer :is(.btn, a.btn){
    flex: 1 1 100%;
  }

  body:is(.has-app-sidebar, .client-portal-body) :is(#modalTkAdvancedFilters, #modalTkbAdvancedFilters, #modalFinAdvancedFilters).mhd-filter-modal .modal__header{
    align-items: stretch;
  }

  body:is(.has-app-sidebar, .client-portal-body) :is(#modalTkAdvancedFilters, #modalTkbAdvancedFilters, #modalFinAdvancedFilters).mhd-filter-modal .tk-filter-modal-actions{
    width: 100%;
  }

  body:is(.has-app-sidebar, .client-portal-body) :is(#modalTkAdvancedFilters, #modalTkbAdvancedFilters, #modalFinAdvancedFilters).mhd-filter-modal .tk-filter-modal-actions :is(.btn, a.btn){
    flex: 1 1 100%;
  }

  body:is(.has-app-sidebar, .client-portal-body) :is(#modalTkAdvancedFilters, #modalTkbAdvancedFilters, #modalFinAdvancedFilters).mhd-filter-modal .tk-filters__grid--modal-main,
  body:is(.has-app-sidebar, .client-portal-body) :is(#modalTkAdvancedFilters, #modalTkbAdvancedFilters, #modalFinAdvancedFilters).mhd-filter-modal .tk-filters__grid--adv,
  body:is(.has-app-sidebar, .client-portal-body) :is(#modalTkAdvancedFilters, #modalTkbAdvancedFilters, #modalFinAdvancedFilters).mhd-filter-modal .tk-filters__grid--adv2{
    grid-template-columns: 1fr;
  }
}

/* Final global guard: filter controls are neutral everywhere; create actions stay solid. */
body:is(.has-app-sidebar, .client-portal-body) :is(
  .mhd-filterbar .mhd-filterbar__filter-btn,
  .mhd-filterbar .tk-adv-toggle,
  .mhd-filterbar [aria-controls][class*="filter"],
  .mhd-filterbar [data-mhd-filter-open],
  .mhd-filterbar [data-tk-toggle-advanced],
  .mhd-filterbar [data-tkb-open-advanced],
  .mhd-filterbar [data-fin-advanced-toggle],
  .mhd-filterbar [data-cat-open-filters],
  .mhd-filterbar [data-finps-open-filters],
  .mhd-filterbar [data-people-filter-open],
  .mhd-filterbar [data-finc-open-filters],
  .mhd-filterbar [data-fincol-open-filters],
  .mhd-filterbar [data-access-open-filters],
  .mhd-filterbar [data-accounting-open-filters],
  .mhd-filterbar [data-holiday-open-filters],
  .mhd-filterbar [data-plantao-history-open-filters]
),
body:is(.has-app-sidebar, .client-portal-body) :is(.filters-actions, .tk-filters__actions, .fin-filter-actions, .fincol-filter-actions) :is(
  .btn.ghost,
  a.btn.ghost,
  .btn[data-release-filter-apply]
){
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-color: var(--filterbar-tool-border) !important;
  box-shadow: none !important;
  color: var(--filterbar-tool-text) !important;
  filter: none !important;
  text-shadow: none !important;
}

body:is(.has-app-sidebar, .client-portal-body) :is(
  .mhd-filterbar .mhd-filterbar__filter-btn,
  .mhd-filterbar .tk-adv-toggle,
  .mhd-filterbar [aria-controls][class*="filter"],
  .mhd-filterbar [data-mhd-filter-open],
  .mhd-filterbar [data-tk-toggle-advanced],
  .mhd-filterbar [data-tkb-open-advanced],
  .mhd-filterbar [data-fin-advanced-toggle],
  .mhd-filterbar [data-cat-open-filters],
  .mhd-filterbar [data-finps-open-filters],
  .mhd-filterbar [data-people-filter-open],
  .mhd-filterbar [data-finc-open-filters],
  .mhd-filterbar [data-fincol-open-filters],
  .mhd-filterbar [data-access-open-filters],
  .mhd-filterbar [data-accounting-open-filters],
  .mhd-filterbar [data-holiday-open-filters],
  .mhd-filterbar [data-plantao-history-open-filters]
):is(.is-on, .primary, [aria-expanded="true"], :hover, :focus-visible),
body:is(.has-app-sidebar, .client-portal-body) :is(.filters-actions, .tk-filters__actions, .fin-filter-actions, .fincol-filter-actions) :is(
  .btn.ghost,
  a.btn.ghost,
  .btn[data-release-filter-apply]
):is(:hover, :focus-visible){
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-color: color-mix(in srgb, var(--filterbar-tool-text) 28%, var(--filterbar-tool-border)) !important;
  box-shadow: none !important;
  color: var(--filterbar-tool-text) !important;
  filter: none !important;
  text-shadow: none !important;
}

body:is(.has-app-sidebar, .client-portal-body) .mhd-filterbar :is(
  .mhd-filterbar__filter-btn,
  .tk-adv-toggle,
  [data-mhd-filter-open],
  [data-tk-toggle-advanced],
  [data-tkb-open-advanced],
  [data-fin-advanced-toggle],
  [data-cat-open-filters],
  [data-finps-open-filters],
  [data-people-filter-open],
  [data-finc-open-filters],
  [data-fincol-open-filters],
  [data-access-open-filters],
  [data-accounting-open-filters],
  [data-holiday-open-filters],
  [data-plantao-history-open-filters]
) :is(i[data-lucide], svg, span){
  color: var(--filterbar-tool-text) !important;
  stroke: currentColor !important;
  filter: none !important;
  text-shadow: none !important;
}

body:is(.has-app-sidebar, .client-portal-body) .mhd-filterbar__primary :is(
  .btn-new-ticket,
  .btn.primary,
  .mhd-action-btn--new,
  [data-action-tone="new"],
  button[id^="btn"],
  a.btn.primary,
  a.btn-new-ticket
){
  background: var(--filterbar-new-bg) !important;
  background-color: var(--filterbar-new-bg) !important;
  background-image: none !important;
  border-color: var(--filterbar-new-bg) !important;
  box-shadow: none !important;
  color: var(--filterbar-new-text) !important;
  filter: none !important;
  text-shadow: none !important;
}

body:is(.has-app-sidebar, .client-portal-body) :is(
  .btn.btn-new-ticket,
  .btn.saas-company-create,
  .saas-company-create,
  [data-action-tone="new"],
  [data-fin-open-title],
  [data-fin-open-manual],
  [data-fin-open-transfer],
  [data-fincol-cycle-new],
  [data-fincol-plan-new],
  [data-fincol-contract-new],
  [data-fincol-template-new],
  button[onclick^="openFeatureModal"],
  button[onclick^="openPlanModal"],
  #btnOpenCreate,
  #btnAccessCreate,
  #btnOpenReleaseCreate,
  #btnOpenCreateAccounting,
  #btnOpenCreateHoliday,
  #btnPlantaoNew,
  #btnCatNew,
  #btnFincNew,
  #btnFinpsNew
):not(.mhd-filterbar__filter-btn):not(.tk-adv-toggle){
  background: var(--filterbar-new-bg) !important;
  background-color: var(--filterbar-new-bg) !important;
  background-image: none !important;
  border-color: var(--filterbar-new-bg) !important;
  box-shadow: none !important;
  color: var(--filterbar-new-text) !important;
  filter: none !important;
  text-shadow: none !important;
}

body:is(.has-app-sidebar, .client-portal-body) :is(
  .btn.btn-new-ticket,
  .btn.saas-company-create,
  .saas-company-create,
  [data-action-tone="new"],
  [data-fin-open-title],
  [data-fin-open-manual],
  [data-fin-open-transfer],
  [data-fincol-cycle-new],
  [data-fincol-plan-new],
  [data-fincol-contract-new],
  [data-fincol-template-new],
  button[onclick^="openFeatureModal"],
  button[onclick^="openPlanModal"],
  #btnOpenCreate,
  #btnAccessCreate,
  #btnOpenReleaseCreate,
  #btnOpenCreateAccounting,
  #btnOpenCreateHoliday,
  #btnPlantaoNew,
  #btnCatNew,
  #btnFincNew,
  #btnFinpsNew
):not(.mhd-filterbar__filter-btn):not(.tk-adv-toggle):is(:hover, :focus-visible){
  background: var(--filterbar-new-bg-hover) !important;
  background-color: var(--filterbar-new-bg-hover) !important;
  background-image: none !important;
  border-color: var(--filterbar-new-bg-hover) !important;
  color: var(--filterbar-new-text) !important;
}

body:is(.has-app-sidebar, .client-portal-body) .mhd-filterbar__primary > [hidden],
body:is(.has-app-sidebar, .client-portal-body) .mhd-filterbar__primary :is(.btn, button, a)[hidden]{
  display: none !important;
}

body:is(.has-app-sidebar, .client-portal-body) .people-page .mhd-filterbar :is(
  .btn.ghost.tk-adv-toggle.mhd-filterbar__filter-btn[data-people-filter-open],
  .tk-adv-toggle.mhd-filterbar__filter-btn[data-people-filter-open]
),
body:is(.has-app-sidebar, .client-portal-body) .people-page .mhd-filterbar :is(
  .btn.ghost.tk-adv-toggle.mhd-filterbar__filter-btn[data-people-filter-open],
  .tk-adv-toggle.mhd-filterbar__filter-btn[data-people-filter-open]
):is(.is-on, [aria-expanded="true"], :hover, :focus-visible){
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-color: var(--filterbar-tool-border) !important;
  box-shadow: none !important;
  color: var(--filterbar-tool-text) !important;
  filter: none !important;
  text-shadow: none !important;
}

body:is(.has-app-sidebar, .client-portal-body) .people-page .mhd-filterbar :is(
  .btn.ghost.tk-adv-toggle.mhd-filterbar__filter-btn[data-people-filter-open],
  .tk-adv-toggle.mhd-filterbar__filter-btn[data-people-filter-open]
):is(.is-on, [aria-expanded="true"], :hover, :focus-visible){
  border-color: color-mix(in srgb, var(--filterbar-tool-text) 28%, var(--filterbar-tool-border)) !important;
}

body:is(.has-app-sidebar, .client-portal-body) .people-page .mhd-filterbar [data-people-filter-open] :is(
  i[data-lucide],
  svg,
  span
){
  color: var(--filterbar-tool-text) !important;
  stroke: currentColor !important;
  filter: none !important;
  text-shadow: none !important;
}

body.has-app-sidebar :is(#mhdFormLayer, .topbar .topbar-search input){
  min-height: 36px !important;
  padding: 8px 78px 8px 42px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  width: 100% !important;
}

body.has-app-sidebar :is(#mhdFormLayer, .topbar .topbar-search input):is(:hover, :focus){
  border: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}