:root {
  --color-primary-50: 238, 246, 255;
  --color-primary-100: 219, 235, 254;
  --color-primary-200: 191, 221, 254;
  --color-primary-300: 147, 201, 253;
  --color-primary-400: 96, 170, 250;
  --color-primary-500: 59, 136, 246;
  --color-primary-600: 37, 106, 235;
  --color-primary-700: 29, 84, 216;
  --color-primary-800: 30, 69, 175;
  --color-primary-900: 30, 62, 138;
}

.filament-sidebar-header .logo {
  display: block;
}

.filament .bg-gray-100 {
  background-color: rgba(var(--color-primary-50), 0.5);
}
.dark.filament {
  background-color: #000;
}
.dark.filament .dark\:text-gray-100,
.dark.filament .dark\:text-gray-300,
.dark.filament .dark\:text-gray-400 {
  color: #fff;
}

.dark.filament .dark\:bg-gray-900 {
  background-color: rgba(var(--color-primary-500), 0.05);
}
.filament .bg-gray-50 {
  background-color: rgba(var(--color-primary-500), 0.2);
}
.filament .hover\:bg-gray-50:hover {
  background-color: rgba(var(--color-primary-500), 0.1);
}
.filament .border-gray-300,
.filament .choices__inner {
  border-color: #9da5b5;
}
.filament .hover\:bg-gray-500\/5:hover {
  background-color: rgba(var(--color-primary-500), 0.1);
}

.filament .border-gray-200 {
  border-color: rgba(var(--color-primary-200), 1);
}

.filament *,
.filament ::before,
.filament ::after {
  border-color: #9da5b5; /* 2 */
}

.filament .border-transparent {
  border-color: transparent;
}

.dark.filament *,
.dark.filament ::before,
.dark.filament ::after,
.dark.filament .dark\:border-gray-700,
.dark.filament .dark\:divide-gray-700 > :not([hidden]) ~ :not([hidden]){
  border-color: rgb(var(--color-primary-900));
}

.dark.filament .dark\:bg-gray-700,
.dark.filament .choices__inner,
.dark.filament .filament-forms-toggle-component {
  background-color: rgb(var(--color-primary-900));
}
.dark.filament .dark\:border-gray-600,
.dark.filament .choices__inner,
.dark.filament .filament-forms-toggle-component {
  border-color: rgb(var(--color-primary-800));
}
.dark.filament .filament-forms-toggle-component.bg-primary-600 {
  background-color: rgb(var(--color-primary-600));
}
.dark.filament .dark\:bg-gray-800 {
  background-color: rgba(var(--color-primary-800), 0.1);
}

.filament-card-page .bg-white\/50,
.filament-login-page .bg-white\/50 {
  background-color: rgba(255, 255, 255, 0.6);
}

.dark.filament .filament-card-page .dark\:bg-gray-900\/50,
.dark.filament .filament-login-page .dark\:bg-gray-900\/50 {
  background-color: rgba(0,0,0, 0.6);
}

.filament .filament-login-page form::before{
  background-image: linear-gradient(
      90deg, 
      rgba(var(--color-primary-200),1) 0%, 
      rgba(var(--color-primary-500),1) 50%, 
      rgba(var(--color-primary-200),1) 100%
  );
}

.filament [type='text'],
.filament [type='email'],
.filament [type='url'],
.filament [type='password'],
.filament [type='number'],
.filament [type='date'],
.filament [type='datetime-local'],
.filament [type='month'],
.filament [type='search'],
.filament [type='tel'],
.filament [type='time'],
.filament [type='week'],
.filament [multiple],
.filament textarea,
.filament select {
    background-color: #fff;
    border-color: #9da5b5;
}

.dark.filament [type='text'],
.dark.filament [type='email'],
.dark.filament [type='url'],
.dark.filament [type='password'],
.dark.filament [type='number'],
.dark.filament [type='date'],
.dark.filament [type='datetime-local'],
.dark.filament [type='month'],
.dark.filament [type='search'],
.dark.filament [type='tel'],
.dark.filament [type='time'],
.dark.filament [type='week'],
.dark.filament [multiple],
.dark.filament textarea,
.dark.filament select {
    background-color: rgb(var(--color-primary-900));
    border-color: rgb(var(--color-primary-800));
}

.filament-sidebar,
.filament-card-page,
.filament-login-page {
    background-color: rgb(var(--color-primary-500));
    background-image: url("/images/bg.svg") !important;background-attachment: fixed;
    background-size: cover;
}

/* .filament-sidebar::before,
.filament-card-page::before,
.filament-login-page::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("/images/pattern.svg") !important;
    background-repeat: repeat;
    background-attachment: fixed;
    opacity: 0.5;
}
.filament-sidebar::before {
    z-index: -999;
} */

.dark .filament-sidebar,
.dark .filament-card-page,
.dark .filament-login-page {
    background-image: url("/images/bg-dark.svg") !important;
    /* background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 25%, rgba(5,115,209,1) 100%) !important; */
}

/* .dark .filament-sidebar::before,
.dark .filament-card-page::before,
.dark .filament-login-page::before {
    background-image: url("/images/pattern-dark.svg") !important;
    opacity: 0.2;
} */

.filament-global-search-input .bg-gray-400\/10 {
  background-color: #fff;
}

.filament-main-topbar {
  background-color: rgba(var(--color-primary-500), 0.1) !important;
}
.dark .filament-main-topbar.dark\:bg-gray-800 {
  background-color: rgba(var(--color-primary-500), 0.2) !important;
}

.dark input:-internal-autofill-selected {
  background-color: rgb(var(--color-primary-800));
}

.dark .filament-sidebar-nav .filament-sidebar-item a.dark\:focus\:bg-gray-700:focus,
.dark .filament-sidebar-nav .filament-sidebar-item a.dark\:hover\:bg-gray-700:hover {
    background-color: rgba(var(--color-primary-500), 0.4);
}

.filament-sidebar-nav .filament-sidebar-item a.focus\:bg-gray-500\/5:focus,
.filament-sidebar-nav .filament-sidebar-item a.hover\:bg-gray-500\/5:hover {
    background-color: rgba(var(--color-primary-500), 0.2);
}

.filament-forms-select-component .choices__inner,
.filament-forms-select-component .choices__list.choices__list--dropdown,
.filament-forms-date-time-picker-component [x-ref="picker"] {
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
}

/*
.dark .choices__inner,
.dark .choices__list--dropdown, .dark .choices__list[aria-expanded],
.dark .dark\:bg-gray-700 {
    background-color: #000 !important;
}
.dark .dark\:bg-gray-500\/10 {
    background-color: rgba(0,0,0, 0.7) !important;
}
.dark .dark\:bg-gray-800 {
    background-color: rgba(0,0,0, 0.3) !important;
}
*/

.filament-forms-date-time-picker-component,
.filament-forms-text-input-component .text-gray-400,
.filament-forms-field-wrapper .text-gray-500,
.filament-forms-field-wrapper .text-gray-900,
.filament-forms-field-wrapper select[disabled] > option,
.filament-forms-rich-editor-component .prose {
    color: rgba(17, 24, 39, 1);
}

.dark .filament-forms-date-time-picker-component,
.dark .filament-forms-text-input-component .text-gray-400,
.dark .filament-forms-field-wrapper .text-gray-500,
.dark .filament-forms-field-wrapper .dark\:text-white,
.dark .filament-forms-field-wrapper select[disabled] > option,
.dark .filament-forms-rich-editor-component .prose {
    color: rgba(255, 255, 255, 1);
}