button, input, optgroup, select, textarea, .fi-input-wrp, .fi-btn, .fi-dropdown-panel, .fi-ta-ctn {
    border-radius: 0!important;
}

.fi-topbar, .fi-topbar nav {
    box-shadow: none!important;
}

.fi-sidebar {
    border-right: 1px solid #dedede;
}

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

.fi-main {
    margin: 0!important;
    max-width: 100%!important;
    /*background: linear-gradient(41deg, #29d5bf -9%, #98ff51 4%, #f5f5f5 11%) !important;*/
}

.fi-simple-main {
    border-radius: 0!important;
}

@media (max-width: 768px) {
    .fi-main {
        margin: 0!important;
        max-width: 100%!important;
    }
}

.fi-sidebar-header {
    align-items: center !important;
    border-bottom: 1px solid #dedede !important;
    height: 88px !important;
    justify-content: center !important;
    padding: 0 16px !important;
}

.fi-sidebar-nav, .fi-main-ctn, .fi-main, nav, .fi-sidebar-header {
    background-color: #f5f5f5!important;
}

/*.product-form-container {*/
/*    display: grid!important;*/
/*    grid-template-columns: 1fr 1fr!important;*/
/*    gap: 2rem!important;*/
/*}*/

/*.product-form-container .product-form-block {*/
/*    border-radius: 0!important;*/
/*}*/

/*.product-form-container .col-\[--col-span-default\] {*/
/*    grid-column: auto!important;*/
/*    display: flex!important;*/
/*    flex-direction: column!important;*/
/*    gap: 1rem!important;*/
/*}*/

.fi-topbar .fi-avatar {
    object-fit: contain!important;
    height: 40px!important;
}

/* Ensure the user avatar trigger is always visible (even if remote avatar fails to load). */
.fi-user-avatar {
    background-color: rgba(255, 255, 255, 0.85) !important;
    border: 1px solid rgba(7, 24, 80, 0.15) !important;
}

.fi-sidebar-nav {
    padding: 18px 22px !important;
    background: linear-gradient(41deg, #208ee4 -6%, #29d5bf 13%, #98ff51 31%, #f5f5f5 47%) !important;
}

.fi-simple-main-ctn {
    background: linear-gradient(41deg, #208ee4 -6%, #29d5bf 13%, #98ff51 31%, #f5f5f5 47%) !important;
}

[type=checkbox]:checked, [type=radio]:checked {
    background-color: rgb(21 56 149 / var(--tw-bg-opacity, 1))!important;
}

.fi-btn {
    background-color: rgb(21 56 149 / var(--tw-bg-opacity, 1))!important;
    text-transform: uppercase!important;
    font-weight: 700!important;
    font-size: 12px!important;
    color: rgb(255 255 255 / var(--tw-bg-opacity, 1))!important;
}

.fi-btn:hover {
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))!important;
    color: rgb(21 56 149 / var(--tw-text-opacity, 1))!important;
    box-shadow: 2px 2px 10px 2px #e8e8e8!important;
}

.fi-btn-color-gray {
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))!important;
    color: rgb(21 56 149 / var(--tw-text-opacity, 1))!important;
    box-shadow: 2px 2px 10px 2px #e8e8e8!important;
    border: 1px solid #dedede!important;
}

.fi-btn-color-gray svg {
    color: #153895!important;
}

.fi-btn-color-gray:hover {
    border: 1px solid #153895!important;
}

.fi-sidebar-header .fi-logo {
    height: 3.8rem!important;
}

.fi-sidebar-group .fi-sidebar-item span, .fi-sidebar-group .fi-sidebar-item svg {
    /*color: rgb(7 24 80/var(--tw-text-opacity,1))!important;*/
    color: rgb(94 111 158) !important;
    font-size: 16px!important;
    margin-left: 20px!important;
}

.fi-sidebar-group .fi-sidebar-item a {
    background-color: unset!important;
    padding: 10px 8px !important;
    border-radius: 8px !important;
}

.fi-sidebar-group .fi-sidebar-item a:hover {
    background-color: unset !important;
}

/*.fi-sidebar-group {*/
/*    display: flex !important;*/
/*    align-items: center !important;*/
/*    font-weight: 700 !important;*/
/*    letter-spacing: 0.02em !important;*/
/*    text-transform: uppercase !important;*/
/*    font-size: 12px !important;*/
/*    color: rgba(7, 24, 80, 0.75) !important;*/
/*    padding: 10px 8px 6px 8px !important;*/
/*}*/

.fi-badge {
    background-color: #153895!important;
    color: #fff!important;
}

.treeselect-input__tags-element {
    color: #153895!important;
    background-color: #ffffff!important;
    border: 1px solid #153895!important;
}

.fi-badge.fi-color-success {
    background-color: rgb(34 197 94) !important;
}
.fi-badge.fi-color-warning {
    background-color: rgb(217 119 6) !important;
}
.fi-badge.fi-color-danger {
    background-color: rgb(248 113 113)!important;
}

.fi-badge-delete-button {
    color: #fff!important;
}

.fi-ta-header-toolbar, .fi-pagination{
    background-color: #fafafa!important;
}

.fi-sidebar-group .fi-sidebar-item a:after {
    background: linear-gradient(90deg, #208ee4, #29d5bf 40%, #8af143);
    bottom: 0;
    content: "";
    height: 2px;
    left: 21px;
    position: absolute;
    transition: .4s ease-in-out;
    width: 0;
}

.fi-sidebar-group .fi-sidebar-item.fi-sidebar-item-active a:after {
    width: 80%;
}

.fi-sidebar-group .fi-sidebar-item:hover a:after {
    width: 80%;
}

.fi-sidebar-group .rounded-full, .fi-sidebar-group .fi-sidebar-item-grouped-border {
    display: none!important;
}

.fi-sidebar-group .fi-sidebar-item.fi-sidebar-item-active a {
    background-color: unset!important;
}

.fi-sidebar-group-button.flex.items-center.gap-x-3.px-2.py-2.cursor-pointer span, .fi-sidebar-group-button.flex.items-center.gap-x-3.px-2.py-2.cursor-pointer svg {
    color: rgb(11 27 81) !important;
    font-weight: 600;
    padding-left: 6px!important;
}

.\[\&\:not\(\:has\(\.fi-ac-action\:focus\)\)\]\:focus-within\:ring-primary-600:focus-within:not(:has(.fi-ac-action:focus)), .focus\:ring-primary-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: #153895!important;
}

.\[\&\>\*\:first-child\]\:before\:bg-primary-600>:first-child:before {
    background: linear-gradient(40deg,#8af143, #29d5bf 40%,#208ee4);
}

.fi-btn-color-danger {
    background-color: rgb(248 113 113/var(--tw-text-opacity,1))!important;
}
.fi-btn-color-danger:hover {
    color: rgb(248 113 113/var(--tw-text-opacity,1))!important;
}

.dashboard-description {
    margin-top: -25px;
    font-size: 13px;
    color: #4d4d4d;
}

.fi-sidebar-nav-groups {
    row-gap: 0!important;
}

.fi-sidebar .fi-sidebar-item-label:first-child {
    color: rgb(7 24 80 / var(--tw-text-opacity, 1)) !important;
    margin-left: 7px !important;
    font-weight: 600!important;
}

.fi-sidebar-group:first-of-type .fi-sidebar-item.fi-sidebar-item-active:first-of-type a:after {
    width: 0;
}

.fi-sidebar-group:first-of-type .fi-sidebar-item:first-of-type:hover a::after {
    width: 0;
}

/*.fi-sidebar-item a:after {*/
/*    background: linear-gradient(90deg, #208ee4, #29d5bf 40%, #8af143);*/
/*    bottom: 0;*/
/*    content: "";*/
/*    height: 2px;*/
/*    left: 0;*/
/*    position: absolute;*/
/*    transition: .3s ease-in-out;*/
/*    width: 0;*/
/*}*/

/* Organizer reports — full-width layout */
.organizer-report-page .fi-page > section {
    max-width: none !important;
    width: 100% !important;
}

.organizer-report-page .fi-page > section > div {
    max-width: none !important;
    width: 100% !important;
}

.organizer-report-event {
    width: 100%;
}

.organizer-report-table-scroll {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-gutter: stable;
}

.organizer-report-table {
    width: 100%;
    table-layout: auto;
}

@media (min-width: 1024px) {
    .organizer-report-table {
        table-layout: fixed;
    }

    .organizer-report-table th:first-child,
    .organizer-report-table td:first-child {
        width: 32%;
    }
}

/* POS product catalog — 4-column grid (Filament CSS does not include these utilities) */
.pos-product-grid {
    display: grid !important;
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    gap: 1rem !important;
}

@media (min-width: 640px) {
    .pos-product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (min-width: 1024px) {
    .pos-product-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (min-width: 1280px) {
    .pos-product-grid {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    }
}

.pos-product-grid-empty {
    grid-column: 1 / -1;
}

.pos-product-image {
    aspect-ratio: 1 / 1;
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f3f4f6;
}

.pos-product-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* POS fullscreen — hide sidebar when body has fi-body-pos */
body.fi-body-pos .fi-sidebar,
body.fi-body-pos .fi-main-sidebar,
body.fi-body-pos .fi-sidebar-close-overlay {
    display: none !important;
}

body.fi-body-pos .fi-topbar-open-sidebar-btn,
body.fi-body-pos .fi-topbar-close-sidebar-btn {
    display: none !important;
}

body.fi-body-pos .fi-main-ctn {
    width: 100% !important;
    max-width: 100% !important;
    margin-inline: 0 !important;
}

body.fi-body-pos .fi-main {
    margin: 0 !important;
    max-width: 100% !important;
}

.pos-topbar-sell-btn {
    background-color: rgb(21 56 149) !important;
    color: #fff !important;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    border-radius: 0 !important;
}

.pos-topbar-sell-btn:hover {
    background-color: #fff !important;
    color: rgb(21 56 149) !important;
    box-shadow: 2px 2px 10px 2px #e8e8e8;
}

.pos-topbar-cart-badge {
    position: absolute;
    top: -0.4rem;
    right: -0.4rem;
    display: inline-flex;
    min-width: 1.15rem;
    height: 1.15rem;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    background-color: #ef4444;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    padding: 0 0.25rem;
    box-shadow: 0 0 0 2px #fff;
}