:root {
    font-size: 93.75%;
}

:root, .light {
    /* Color primari base */
    --tw-primary: #1A6FB8;
    --tw-primary-active: #155f9d;
    --tw-primary-light: #eaf3fb;
    --tw-primary-clarity: rgba(26, 111, 184, 0.20);
    --tw-primary-inverse: #ffffff;

    /* Ombra associada (ajusta si vols menys saturació) */
    --tw-primary-box-shadow: 0px 4px 12px 0px rgba(26, 111, 184, 0.35);
  }

  /* Mode fosc */
:root, .dark {
    --tw-primary-dark: #1A6FB8;
    --tw-primary-active-dark: #2b80c3;
    --tw-primary-light-dark: #172331;
    --tw-primary-clarity-dark: rgba(26, 111, 184, 0.25);
    --tw-primary-inverse-dark: #ffffff;
  }


/*
.switch input[type=checkbox]:checked, .switch input[type=checkbox][aria-checked="true"] {
    --tw-primary: rgb(26 111 184);
    background-color: var(--tw-primary);
    transition: all .15s ease-in-out;
}
*/

h1, h2, h3, h4
{
	font-family: 'M PLUS Rounded 1c',sans-serif;
}

.text-white
{
	color: #fff;
}


.ts-wrapper.ts-disabled .ts-control {
  background-color: #F3F4F6;  /* Tailwind’s gray-100 */
  cursor: not-allowed;
  opacity: 0.7;
}

input[type="text"], input[type="number"], input[type="url"], textarea, .ts-control
{
    border-radius:3px !important;
}



.progress-primary .progress-bar {
  background-color: #155f9d !important;
}


.ts-wrapper {
  position: relative;
}

.ts-control,
.ts-input,
.tomselected,
.ts-dropdown,
.ts-dropdown .option {
  font-family: inherit !important;
  font-size: 1rem !important;
  line-height: 1.25rem !important;
}

.ts-wrapper.single .ts-control,
.ts-wrapper.single.input-active .ts-control {
  min-height: 40px;
  display: flex;
  align-items: center;
  border: 1px solid #dbe4ee !important;
  background: #fff !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
  padding: 0.5rem 2.5rem 0.5rem 0.85rem !important;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
}

.ts-wrapper.single.focus .ts-control,
.ts-wrapper.single.dropdown-active .ts-control {
  border-color: #1A6FB8 !important;
  box-shadow: 0 0 0 2px rgba(26, 111, 184, 0.12) !important;
}

.ts-wrapper.single.ts-disabled .ts-control,
.ts-wrapper.single.disabled .ts-control {
  background-color: #f8fafc !important;
  box-shadow: none !important;
}

.ts-control > input,
.ts-dropdown .create,
.ts-dropdown .option,
.ts-control .item {
  font-size: 1rem !important;
  line-height: 1.25rem !important;
}

.ts-control > input {
  color: #111827 !important;
}

.ts-control > input::placeholder {
  color: #9ca3af !important;
}

.ts-wrapper.single .ts-control::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0.9rem;
  width: 0.5rem;
  height: 0.5rem;
  border-right: 2px solid #64748b;
  border-bottom: 2px solid #64748b;
  transform: translateY(-65%) rotate(45deg);
  transform-origin: center;
  pointer-events: none;
  transition: transform 0.18s ease, border-color 0.18s ease, opacity 0.18s ease;
  opacity: 0.9;
  z-index: 3;
}

.ts-wrapper.single.dropdown-active .ts-control::after,
.ts-wrapper.single.focus.dropdown-active .ts-control::after {
  transform: translateY(-35%) rotate(225deg);
}

.ts-wrapper.single.disabled .ts-control::after,
.ts-wrapper.single.ts-disabled .ts-control::after {
  opacity: 0.45;
}

.ts-dropdown {
  border: 1px solid #dbe4ee !important;
  border-radius: 10px !important;
  box-shadow: 0 14px 32px rgba(15, 23, 42, 0.10) !important;
  margin-top: 0.375rem !important;
  z-index: 80 !important;
}

.ts-dropdown .option,
.ts-dropdown .create {
  padding: 0.65rem 0.95rem !important;
}

.ts-dropdown .active,
.ts-dropdown .option:hover {
  background: #f8fbff !important;
  color: #0f172a !important;
}



.ts-dropdown-content
{
  border: none;
}

.mgm .ts-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    z-index: 10;
    border: 1px solid #dbe4ee;
    background: #fff;
    margin: 0;
    margin-top: 0.375rem;
    box-sizing: border-box;
    box-shadow: 0 14px 32px rgba(15, 23, 42, 0.10);
    border-radius: 10px;
    overflow: hidden;
}


.dropzone .dz-preview.dz-image-preview
{
  background-color: transparent;
}

.dropzone .dz-preview .dz-image,
.dropzone .dz-preview .dz-image img {
  width: 100px;
  height: 100px;
  object-fit: cover;
  border-radius: 12px;
}

.badge {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: inherit;
  font-weight: 600;
  letter-spacing: 0.01em;
  background: transparent;
  border: none;
  border-radius: 9999px;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  transition: color 0.18s ease, background-color 0.18s ease;
}

.badge::after {
  content: none;
}

.badge:hover {
  transform: none;
  box-shadow: none;
}

.public-filter-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(148, 163, 184, 0.55) transparent;
}

.public-filter-scrollbar::-webkit-scrollbar {
  width: 10px;
}

.public-filter-scrollbar::-webkit-scrollbar-track {
  background: transparent;
}

.public-filter-scrollbar::-webkit-scrollbar-thumb {
  background-color: rgba(148, 163, 184, 0.45);
  border-radius: 9999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}

.public-filter-scrollbar:hover::-webkit-scrollbar-thumb {
  background-color: rgba(100, 116, 139, 0.62);
}

.public-filter-scrollbar.ps.ps--active-y > .ps__rail-y {
  opacity: 0.18 !important;
  display: block !important;
  width: 10px !important;
  right: 3px !important;
  background: transparent !important;
}

.public-filter-scrollbar.ps .ps__thumb-y {
  width: 6px !important;
  right: 2px !important;
  border-radius: 9999px !important;
  background-color: rgba(148, 163, 184, 0.4) !important;
}

.public-filter-scrollbar.ps:hover > .ps__rail-y,
.public-filter-scrollbar.ps.ps--focus > .ps__rail-y,
.public-filter-scrollbar.ps.ps--scrolling-y > .ps__rail-y {
  opacity: 0.6 !important;
}

.public-filter-scrollbar.ps:hover .ps__thumb-y,
.public-filter-scrollbar.ps.ps--focus .ps__thumb-y,
.public-filter-scrollbar.ps.ps--scrolling-y .ps__thumb-y {
  background-color: rgba(100, 116, 139, 0.72) !important;
}

tbody>tr>td {
    padding-top: 0.4rem !important;
    padding-bottom: 0.4rem !important;
}