@import '/vendor/filament/filament/resources/css/theme.css';

@config 'tailwind.config.js';

.fi-body {
    background-color: #E9F1F9!important;
}

.fi-topbar {
    background-color: #0B1E28;
    position: relative!important;
}

.fi-topbar nav {
    height: 160px;
    background-color: #0B1E28!important;
    box-shadow: none;
    --tw-ring-offset-shadow: 0 0 #000;
    --tw-ring-shadow: 0 0 #000;
}

.fi-main {
    background-color: #ffffff;
    border-radius: 20px;
    color: #0B1E28;
    margin-bottom: 2rem;
    padding-top: 1rem;
    z-index: 20;
}

.fi-main * {
    color: #0B1E28;
}

.fi-sidebar {
    position: relative!important;
}

.fi-sidebar-nav {
    overflow-y: visible!important;
    overflow-x: visible!important;
    margin-top: -100px;
}

.fi-sidebar-header {
    background-color: #0B1E28!important;
    height: 160px;
}

.fi-sidebar-item-button {
    padding-left: 1rem;
    padding-right: 1rem;
    margin: 0 1rem;
}

.fi-logo {
    font-size: 0!important;
    background-image: url('/img/paynance-logo-v2.png');
    width: 178px;
    height: 42px;
    margin-bottom: 70px;
}

.fi-simple-page .fi-logo {
    background-image: url('/img/paynance-logo-invert.png');
    width: 124px;
    height: 75px;
    margin-bottom: 30px;
    background-size: 100%;
}

.fi-sidebar-group {
    background-color: #ffffff;
    border-radius: 20px;
}

.fi-sidebar-group-label {
    color: #0B1E28!important;
    font-weight: 600;
    margin-left: 1rem;
    margin-top: 1rem;
}

.fi-sidebar-item-label {
    padding: 8px 8px 8px 0;
    color: #0B1E28!important;
}

.fi-sidebar-item-icon {
    color: #0B1E28!important;
}

.fi-simple-main {
    background-color: #FFFFFF;
    border-radius: 20px;
    color: #0B1E28;
}

/*
.fi-simple-header-heading {
    color: #FFFFFF!important;
}

.fi-simple-page * {
    color: #FFFFFF!important;
}
*/

.fi-btn {
    border-radius: 99rem!important;
}

.fi-btn-color-gray {
    background-color: #ffffff;
    color: #0B1E28;
}

.fi-btn-color-gray .fi-btn-label {
    font-weight: normal;
    color: #0B1E28;
}

.fi-btn-color-primary {
    background-color: #A55AFF!important;
    color:#ffffff!important;
}

.fi-btn-color-primary .fi-btn-label {
    font-weight: normal!important;
    color: #ffffff!important;
}

.fi-btn-color-primary:hover {
    background-color: #C08BFF!important;
}

.focus\:ring-primary-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: #C08BFF!important;
}

.\[\&\:not\(\:has\(\.fi-ac-action\:focus\)\)\]\:focus-within\:ring-primary-600:focus-within:not(:has(.fi-ac-action:focus)) {
    --tw-ring-color: rgba(151, 71, 255, 0.5)!important;
}

.\[\&\:not\(\:has\(\.fi-ac-action\:focus\)\)\]\:focus-within\:ring-2:focus-within:not(:has(.fi-ac-action:focus)) {
    --tw-ring-color: rgba(151, 71, 255, 0.5)!important;
}

.border-primary-600 {
    --tw-border-opacity: 1;
    border-color: #a55aff !important
}

.text-primary-600 {
    color: #a55aff !important
}

.bg-primary-600 {
    background-color: #a55aff !important
}

.hover\:bg-gray-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(151, 71, 255, 0.15)!important;
}

.fi-sidebar-item-active a {
    background-color: rgba(151, 71, 255, 0.15)!important;
}

.fi-sidebar-item-active .text-primary-600 {
    color: #0B1E28!important;
}

.filepond--label-action:hover {
    --tw-text-opacity: 1;
    color: #C08BFF!important;
}

.filepond--file-status-main,
.filepond--file-info-main,
.filepond--file-info-sub,
.filepond--file-status-sub {
    color: #ffffff!important;
}

.filepond--file-action-button svg path {
    color: #ffffff!important;
}

/*** Custom CSS for Onboarding ***/

main:has(> div.fi-resource-onboardings) {
    margin-top: -70px;
    z-index: 20;
    max-width: 880px;
}

.fi-resource-onboardings {
    width: 100%!important;
}

.fi-resource-onboardings .fi-fo-component-ctn {
    --cols-lg: repeat(1, minmax(0, 1fr))!important;
    --cols-default: repeat(1, minmax(0, 1fr));
}

.fi-fo-wizard-header-step-icon,
.fi-fo-wizard-header-step-icon path,
.fi-fo-wizard-header-step-icon-ctn{
    color: #ffffff!important;
}

.fi-fo-wizard-header {
    border: 0!important;
}

.fi-fo-wizard-header-step-separator svg {
    height: 50%;
    width: 50%;
    top: 25%;
    position: relative;
}

.fi-fo-wizard {
    box-shadow: none;
    --tw-ring-offset-shadow: 0 0 #000;
    --tw-ring-shadow: 0 0 #000;
    --tw-shadow: 0;    
}

.filepond--image-preview-overlay-success,
.filepond--image-preview-overlay-success svg,
.filepond--image-preview-overlay-success rect {
    color: #369763!important;
}

.fi-link span,
.fi-link svg path {
    color: #a55aff !important
}

.focus-visible\:ring-primary-600:focus-visible {
    --tw-ring-opacity: 1;
    --tw-ring-color: #C08BFF!important;
}

/* report settings */
.fi-main:has(> div.emailReport) {
    background-color: transparent!important;
    padding: 0!important;
}

.fi-page section {
    padding: 0!important;
}