@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Geist+Mono:wght@100..900&display=swap');

@font-face {
    font-family: 'summernote';
    src: url('../font/summernote.woff') format('woff'),
        /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
        url('../font/summernote.ttf') format('truetype');
    /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}

:root {
    --background: #FFFFFF;
    --foreground: #3F3F3F;
    --card: #ffffff;
    --card-foreground: #08080a;
    --popover: #ffffff;
    --popover-foreground: #08080a;
    --destak: #001e40;
    --destak-opacity: rgba(0, 30, 64, 0.5);
    --primary: #17171b;
    --primary-foreground: #f9f9f9;
    --secondary: #f4f4f5;
    --secondary-foreground: #17171b;
    --tertiary: #FAFAFA;
    --tertiary-foreground: #17171b;
    --tertiary-border: #f2f2f0;
    --tertiary-50: #f2f2f04d;
    --quartenary: #c2c2c2;
    --active: #F1F1F1;
    --muted: #f4f4f5;
    --muted-darker: #d1d1d1;
    --muted-foreground: #6A7383;
    --muted-foreground-second: #5f5e5b;
    --accent: #f4f4f5;
    --accent-50: #f4f4f57d;
    --accent-foreground: #17171b;
    --destructive: #ee4444;
    --destructive-rgb: 238, 68, 68;
    --destructive-foreground: #f9f9f9;
    --border: #e3e3e7;
    --input: #e3e3e7;
    --ring: #17171b;
    --radius: 0.5rem;
    --white: #ffffff;
    --fst-yellow: 255, 193, 7;

    --primary-brand: #007aff;
    --primary-brand-opacity: #00000080;

    --bs-info-rgb: 13, 110, 253;

    /* svg */
    --check: url("../img/svg/check.svg");
    --chevrons-up-down: url('../img/svg/chevrons-up-down.svg');

    --range-value: 0;
    --fancy-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 1px 1px 0px, rgba(64, 68, 82, 0.16) 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(64, 68, 82, 0.08) 0px 2px 5px 0px;
}

:root:hover,
:root:focus {
    outline: none;
}

body.dark {
    --background: #161616;
    --foreground: #f9f9f9;
    --card: #08080a;
    --card-foreground: #f9f9f9;
    --popover: #08080a;
    --popover-foreground: #f9f9f9;
    --primary: #f9f9f9;
    --primary-foreground: #17171b;
    --secondary: #27272a;
    --secondary-foreground: #f9f9f9;
    --tertiary: #202020;
    --tertiary-50: #27272a2b;
    --tertiary-foreground: #f9f9f9;
    --tertiary-border: #2e2e2e;
    --quartenary: #27272a;
    --active: #ffffff08;
    --muted: #202020;
    --muted-darker: #404040;
    --muted-foreground: #a1a1a9;
    --muted-foreground-second: #9b9b9b;
    --accent: #27272a;
    --accent-50: #27272a7f;
    --accent-foreground: #f9f9f9;
    --destructive: #7f1d1d;
    --destructive-rgb: 127, 29, 29;
    --bs-btn-disabled-border-color: var(--destructive);
    --destructive-foreground: #f9f9f9;
    --border: #27272a;
    --input: #27272a;
    --ring: #d3d3d7;

    --bs-info-rgb: 13, 110, 253;

    /* svg */
    --chevrons-up-down: url('../img/svg/chevrons-up-down-white.svg');
    --fancy-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgb(0 0 0 / 21%) 0px 1px 1px 0px, rgb(114 114 114 / 27%) 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgb(86 86 86 / 8%) 0px 2px 5px 0px;
}

html,
body {
    overflow-x: clip;
}

body {
    font-family: "Inter", sans-serif;
    background-color: var(--background);
    color: var(--foreground);
    position: relative;
    -webkit-font-smoothing: antialiased;
}

small,
.small {
    font-size: 12px;
}

svg {
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease-in-out;
}

.font-sans {
    font-family: "Inter", sans-serif !important;
}

.transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
}

.bg-error-page {
    width: 100dvw;
    height: 100dvh;
    background-color: white;
}

.dark .bg-dark {
    background: #000 !important;
}

.bg-dark {
    background: #fff !important;
}

.shadow {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);
}

.darl .shadow {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2), 0 1px 2px rgba(0, 0, 0, .1);
}

.transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
}

.text-foreground {
    color: var(--foreground);
    fill: var(--foreground);
}

.text-foreground-all * {
    color: var(--foreground) !important;
    font-family: "Inter", sans-serif !important;
}

.hover\:text-foreground:hover {
    color: var(--foreground) !important;
}

.hover\:transform-scale:hover {
    transform: scale(1.02);
}

.hover\:transform-scale-1\.5:hover {
    transform: scale(1.05);
}

.transition\:cubic-bezier {
    transition: cubic-bezier(.17, .67, .83, .67) .2s;
}

.text-primary-foreground {
    color: var(--primary-foreground) !important;
}

.text-secondary-foreground {
    color: var(--secondary-foreground) !important;
}

.text-muted-foreground {
    color: var(--muted-foreground);
}

.text-muted-foreground-second {
    color: var(--muted-foreground-second);
}

.font-medium {
    font-weight: 500;
}

.font-semibold {
    font-weight: 600;
}

.text-ssm {
    font-size: .65rem;
    line-height: 0.80rem;
}

.text-sm {
    font-size: .875rem !important;
    line-height: 1.25rem;
}

.text-base {
    font-size: 1rem;
    line-height: 1.5rem;
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
}

.text-\[0\.8rem\] {
    font-size: .8rem;
}

.text-accent {
    color: #1a7aff !important;
}

.bg-primary {
    background-color: var(--primary) !important;
}

.border-primary {
    border-color: var(--primary) !important;
}

.bg-\[\#1a7aff\] {
    background-color: #1a7aff;
}

.hover\:bg-\[\#1a7aff\]:hover {
    background-color: #1a7aff;
}

.hover\:bg-\[\#1a79ff85\]:hover {
    background-color: #3d8cfb26 !important;
}

.bg-\[\#09090B\] {
    background-color: #09090B;
}

.bg-border {
    background-color: var(--border);
}

.bg-card {
    background-color: var(--card);
}

.mono {
    line-height: 0;
    font-family: "Geist Mono", monospace;
}

.rounded {
    border-radius: calc(var(--radius));
}

.rounded-md {
    border-radius: calc(var(--radius) - 2px);
}

.rounded-lg {
    border-radius: calc(var(--radius) + 2px);
}

.rounded-xl {
    border-radius: calc(var(--radius) + 4px);
}

.rounded-xxl {
    border-radius: calc(var(--radius) + 6px);
}

.rounded-10-10-0-0 {
    border-radius: 10px 10px 0 0;
}

.whitespace-nowrap {
    white-space: nowrap;
}

.h-9 {
    height: 2.25rem !important;
}

.min-height-\[auto\] {
    min-height: auto;
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-not-allowed {
    cursor: not-allowed;
}

.cursor-grab {
    cursor: grab;
}

.cursor-grabbing {
    cursor: grabbing;
}

.cursor-default {
    cursor: default;
}

.cursor-help {
    cursor: help;
}

.pointer-none {
    pointer-events: none;
}

.cursor-no-drop {
    cursor: no-drop !important;
}

.form-check-input {
    border: 1px solid var(--input) !important;
}

.dark .form-check-input:focus {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
    background-color: none !important;
    border-color: none !important;
}

.form-check-input:checked {
    background-color: #203e71;
    border-color: #203e71;
}

.dark .form-check-input:checked {
    background-color: #000000;
    border-color: #000000;
}

.form-check-input:checked[type=checkbox] {
    background-color: #1a7aff !important;
}

.dark .form-check-input:checked[type=checkbox] {
    background-color: #1a7aff !important;
}

.toggle-switch:checked {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
    background-color: #30d158 !important;
    border-color: #30d158 !important;
}

.form-control {
    font-size: .875rem !important;
    line-height: 1.25rem !important;
    font-weight: 400 !important;
    padding: 8px 12px !important;
    border: none !important;
    border-radius: 8px;
    background-color: transparent;
    box-shadow: var(--fancy-shadow) !important;
}

.form-control-sm {
    font-size: 14px !important;
    line-height: 18px !important;
    font-weight: 400 !important;
    padding: 5px 10px !important;
    border: 1px solid var(--input) !important;
    border-radius: 8px;
    background-color: transparent;
    box-shadow: none !important;
}

.form-control::-webkit-input-placeholder {
    font-size: .875rem !important;
    line-height: 1.25rem !important;
    font-weight: 400 !important;
}

.form-control::-moz-placeholder {
    font-size: .875rem !important;
    line-height: 1.25rem !important;
    font-weight: 400 !important;
}

.form-control::-ms-input-placeholder {
    font-size: .875rem !important;
    line-height: 1.25rem !important;
    font-weight: 400 !important;
}

.form-control {
    color: var(--secondary-foreground) !important;
}

.form-control:focus {
    border-color: var(--input) !important;
    background-color: var(--background) !important;
    color: var(--secondary-foreground) !important;
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(1, 150, 237, 0.36) 0px 0px 0px 4px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(64, 68, 82, 0.16) 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px !important;
}

.form-control:disabled {
    background-color: transparent !important;
    color: var(--muted-foreground) !important;
    cursor: not-allowed;
    opacity: 0.5;
}

.opacity\.5 {
    opacity: 0.5;
}

.form-control.isnt-invalid {
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgb(255 0 0 / 36%) 0px 0px 0px 4px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(64, 68, 82, 0.16) 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px !important;
}

.input-group-text {
    display: flex !important;
    align-items: center !important;
    padding: .375rem .75rem !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: var(--muted-foreground) !important;
    text-align: center !important;
    white-space: nowrap !important;
    background-color: var(--accent) !important;
    border: 1px solid var(--input) !important;
    border-radius: 6px 0 0 6px !important;
    box-shadow: none !important;
}

.navbar {
    position: fixed;
    background-color: var(--background);
    z-index: 999;
    height: 64px;
    padding: 0 !important;
    border-bottom: 1px solid var(--tertiary-border);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

/* === Notification banner offset ===
   When a notification banner is shown, #bannersCarousel (fixed, 36px tall) is
   rendered at the very top. The banner is part of layouts.main, which also
   renders the fixed .navbar and the .dashboard.paddingt64 content wrapper.
   Push the fixed chrome and the content down by the 36px banner height so the
   banner sits ABOVE the app chrome instead of behind it. Scoped via :has() so
   there is zero layout impact on pages without an active banner. The sidebar's
   top follows .dashboard's padding (static position), so only its height needs
   adjusting to avoid overflowing past the viewport bottom. */
body:has(#bannersCarousel) .navbar {
    top: 36px;
}

body:has(#bannersCarousel) .dashboard.paddingt64 {
    padding-top: 100px !important;
}

body:has(#bannersCarousel) .sidebar-menu {
    height: calc(100vh - 100px) !important;
}

.navbar>.align-menu {
    width: 100%;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
}

.navbar .navbar-brand {
    border-right: 1px solid var(--border);
    width: 64px;
    height: 63px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.navbar .navbar-brand.active,
.navbar .navbar-brand.active-force {
    width: 240px;
    background: var(--tertiary);
}

.nav-corporate-name {
    width: 140px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    line-height: 1.2;
}

.nav-code {
    width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.object-cover {
    object-fit: cover;
}

.object-contain {
    object-fit: contain;
}

.z-index-contact {
    z-index: 1020;
}

.pointed-background {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -10;
    height: 100%;
    width: 100%;
    background-color: var(--background);
    background-image: radial-gradient(circle at 1px 1px, rgba(0, 0, 0, 0.104) 1px, transparent 1px);
    background-size: 16px 16px;
}

.dark .pointed-background {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -10;
    height: 100%;
    width: 100%;
    background-color: var(--background);
    background-image: radial-gradient(circle at 1px 1px, rgba(122, 122, 122, 0.104) 1px, transparent 1px);
    background-size: 16px 16px;
}

.pointed-from-b-to-t {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -10;
    height: 100%;
    width: 100%;
    background-color: var(--background);
    background-image: radial-gradient(#e5e7eb 1px, transparent 1px);
    mask-image: linear-gradient(#000 20%, transparent 100%);
    background-size: 16px 16px;
    transform: rotate(180deg);
    position: absolute;
    border-radius: 8px;
}

.dark .pointed-from-b-to-t {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -10;
    height: 100%;
    width: 100%;
    background-color: var(--background);
    background-image: radial-gradient(#e5e7eb 1px, transparent 1px);
    mask-image: linear-gradient(rgba(122, 122, 122, 0.104), transparent 100%);
    background-size: 16px 16px;
    transform: rotate(180deg);
    position: absolute;
    border-radius: 8px;
}

.pointed-background-fade-b {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: var(--background) !important;
    background-image: radial-gradient(#e5e7eb 1px, transparent 1px);
    mask-image: linear-gradient(#000 20%, transparent 100%);
    background-size: 16px 16px;
    transition: none !important;
}

.dark .pointed-background-fade-b {
    background-image: radial-gradient(var(--input) 1px, transparent 1px) !important;
    mask-image: linear-gradient(var(--input) 20%, transparent 100%) !important;
    transition: none !important;
}

.logo {
    height: 30px;
    opacity: 0;
    transition: all .4s;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 0;
}

.logo-sm {
    height: 30px;
    opacity: 1;
    transition: all .4s;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.sidebar-content {
    opacity: 0;
}

.sidebar-menu,
.active .sidebar-content,
.active-force .sidebar-content {
    opacity: 1;
}

.toggle-menu {
    background-color: var(--tertiary);
}

.toggle-menu .active .logo {
    opacity: 1;
}

.toggle-menu .active .logo-sm {
    opacity: 0;
}

.toggle-menu .active-force .logo {
    opacity: 1;
}

.toggle-menu .active-force .logo-sm {
    opacity: 0;
}

.show-faq-onmenu {
    position: relative;
    transition: left 1s;
    padding: 0 !important;
    width: 100%;
    margin-bottom: .5rem;
}

.show-faq-onmenu .card {
    position: absolute;
    left: -300px;
    width: 100%;
    bottom: 0;
}

.show-faq-onmenu .card button,
.show-faq-onmenu .card h3 {
    text-wrap: nowrap;
}

.show-faq-onmenu .card p {
    width: 200px;
}

.active .show-faq-onmenu .card,
.active-force .show-faq-onmenu .card {
    left: 0;
    transform: translate(0, 0);
}

.navbar .nav-content {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0 16px;
}

.navbar .nav-content .nav-user-dropdown .nav-user-header {
    cursor: pointer;
}

.navbar .nav-content .nav-user-dropdown .nav-user-header .avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid var(--primary);
    overflow: hidden;
}

.navbar .nav-content .nav-user-dropdown .nav-user-header .avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#dropdownNavUser.dropdown-toggle::after {
    display: none;
}

.navbar .nav-content .nav-user-dropdown .dropdown-menu {
    padding: 0;
    margin-left: auto;
    right: 0;
    border-radius: 8px;
    background-color: var(--background);
}

.navbar .nav-content .nav-user-dropdown .dropdown-menu ul {
    margin: 0;
    padding: 0.25rem;
}

.navbar .nav-content .nav-user-dropdown .dropdown-menu ul li {
    list-style: none;
    display: flex;
    align-items: center;
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    border-radius: 6px;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
    cursor: pointer;
    border: none;
}

.navbar .nav-content .nav-user-dropdown .dropdown-menu hr {
    margin: 0 !important;
    color: var(--border) !important;
    border: 1px solid var(--border) !important;
}

.navbar .nav-content .nav-user-dropdown .dropdown-menu ul li:hover {
    background-color: var(--muted);
}

.navbar .nav-content .nav-user-dropdown .dropdown-menu ul li a {
    color: var(--primary);
    font-size: 14px;
    line-height: 1;
    font-weight: 400;
    text-decoration: none;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}

.navbar .nav-content .nav-user-dropdown .dropdown-menu ul li a i {
    font-size: 22px;
    display: none;
}

button.btn_dark_mode,
button.btn_light_mode {
    border: none;
    background-color: transparent;
    color: var(--primary);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    border-radius: 6px;
}

button.btn_light_mode {
    border: none;
    background-color: transparent;
    color: var(--primary);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    border-radius: 6px;
}

body.dark .btn_dark_mode,
body:not(.dark) .btn_light_mode,
body:not(.dark) nav .logo_dark,
body.dark nav .logo_light {
    display: none !important;
}

body:not(.dark) .btn_dark_mode,
body.dark .btn_light_mode {
    display: flex !important;
}

.sidebar-menu {
    background-color: var(--background);
    height: calc(100vh - 64px);
    display: flex !important;
    flex-direction: column;
    position: fixed;
    z-index: 9;
    overflow: hidden;
    width: 64px;
    border-right: 1px solid var(--border);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.sidebar-menu::-webkit-scrollbar {
    width: 7px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.sidebar-menu::-webkit-scrollbar-track {
    background-color: var(--border);
}

.sidebar-menu::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0\.5);
    border-radius: 5px;
}

.sidebar-menu ul {
    width: 100%;
    margin: 0;
    padding: 0;
    gap: 0px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.siderbar-menu ul li {
    margin: 0 10px;
    width: 300px;
}

.sidebar-menu:hover ul {
    padding: 0 !important;
    z-index: 99999;
}

.active #dropdown-menu-accounts,
.active-force #dropdown-menu-accounts {
    display: inline;
}

#dropdown-menu-accounts.show {
    z-index: 999999 !important;
}

#dropdown-menu-accounts {
    z-index: 0 !important;
}

.dashboard.active .sidebar-menu,
.dashboard.active-force .sidebar-menu {
    width: 240px;
    padding: 8px;
    overflow: visible;
    background: var(--tertiary);
}

.dashboard.active .sidebar-menu::-webkit-scrollbar,
.dashboard.active-force .sidebar-menu::-webkit-scrollbar {
    width: 0px;
}

.dashboard.active .sidebar-menu::-webkit-scrollbar,
.dashboard.active-force .sidebar-menu::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0);
}

.dashboard.active .sidebar-menu::-webkit-scrollbar,
.dashboard.active-force .sidebar-menu::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0);
    border-radius: 0px;
    border: 0px solid rgba(255, 255, 255, 0);
}

.sidebar-menu:hover {
    box-shadow: 0 0 50px 0 rgb(0 0 0 / 10%);
}

body.dark .sidebar-menu:hover {
    box-shadow: 0 0 50px 0 rgba(255, 255, 255, 10%);
}

.dashboard.active .sidebar-menu ul,
.dashboard.active-force .sidebar-menu ul {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 0px;
    padding: 0 !important;
    background-color: transparent;
}

.sidebar-menu ul {
    height: 100%;
    display: flex;
    flex-direction: column;
    background-color: var(--tertiary);
}

.sidebar-menu ul li {
    background-color: transparent;
}

.sidebar-menu ul .auxiliar {
    color: var(--primary) !important;
}

.sidebar-menu ul .auxiliar i {
    width: 16px;
    height: 16px;
}

.sidebar-menu ul .auxiliar svg {
    width: 14px;
    height: 14px;
    opacity: 0.4;
}

.sidebar-menu ul .active .auxiliar svg {
    opacity: 1;
}

.fstp-mc {
    text-wrap: nowrap;
}

.fstp-mc-select svg {
    margin-left: auto !important;
    margin-right: auto !important;
}

.active-force .fstp-mc-select svg,
.active .fstp-mc-select svg {
    margin: 0.5rem !important;
}

.fstp-mc-select span {
    opacity: 0;
    width: 0;
    height: 0;
}

.active-force .fstp-mc-select span,
.active .fstp-mc-select span {
    opacity: 1;
    width: auto;
    height: auto;
}

.sidebar-menu ul li button {
    transition: height 0.3s;
}

.sidebar-menu ul li a p,
.sidebar-menu ul li button p,
.sidebar-menu .submenu .auxiliar,
.fstp-mc {
    opacity: 0;
    /* display: none; */
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.sidebar-menu,
.active ul li a p,
.active-force ul li a p,
.active ul li button p,
.active-force .fstp-mc,
.active .fstp-mc,
.active .submenu .auxiliar,
.active-force ul li button p,
.dashboard>.sidebar-menu.active-force .link-sidebar .flex-row .auxiliar {
    opacity: 1;
    /* display: flex; */
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.fixar-sidebar {
    cursor: pointer;
    min-width: 50px;
    background-color: transparent;
    border: none;
    z-index: 50;
}

.accordion-body .t-link {
    text-overflow: ellipsis;
    width: 145px;
    overflow: hidden;
}

.min-h180 {
    min-height: 180px;
}

.min-h-350px {
    min-height: 350px;
}

.min-h-400px {
    min-height: 400px;
}

.min-w-\[8rem\] {
    min-width: 8rem;
}

.min-w-\[9rem\] {
    min-width: 9rem;
}

.min-w-\[10rem\] {
    min-width: 10rem;
}

.min-w-\[11rem\] {
    min-width: 11rem;
}

.min-w-\[12rem\] {
    min-width: 12rem;
}

.fixar-sidebar svg path {
    stroke: var(--muted-foreground) !important;
}

.sidebar-menu ul li {
    display: flex;
    flex-direction: row;
    list-style: none;
}

.sidebar-menu .fixar-sidebar i {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.dashboard>.sidebar-menu .btn-sidebar {
    position: relative;
    width: 300px;
    height: 50px;
    text-align: left;
    padding: 10px 20px;
    display: flex;
    align-items: center;
}

.dashboard>.sidebar-menu .link-sidebar {
    position: relative;
    width: 100%;
    height: fit-content;
    text-align: left;
    border-radius: 10px;
    z-index: 999;
}

.dashboard>.sidebar-menu .link-sidebar a {
    padding: 4px 12px;
    display: flex;
    align-items: center;
    width: 100%;
    gap: 6px;
    flex-direction: row;
    justify-content: start;
    color: var(--primary) !important;
    background-color: transparent;
}

.side-menu {
    position: relative;
}

.side-menu::before {
    content: "";
    position: absolute;
    height: 100%;
    left: 22px;
    top: 50%;
    width: 2px;
    border-radius: 50%;
    background: -webkit-gradient(linear,
            left bottom,
            left top,
            color-stop(0%, transparent),
            color-stop(10%, var(--quartenary)),
            color-stop(90%, var(--quartenary)),
            to(transparent));
    transform: translateY(-50%);
}

.sublink-sidebar {
    padding: 4px 15px 4px 42px !important;
}

.submenu-active::before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--primary);
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
}

.active>.dashboard>.sidebar-menu .link-sidebar a {
    padding: 4px 8px !important;
}

.dashboard>.sidebar-menu .link-sidebar .flex-row .auxiliar {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

.dashboard>.sidebar-menu .link-sidebar button {
    color: var(--primary);
}

.dashboard>.sidebar-menu .btn-sidebar i,
.dashboard>.sidebar-menu .link-sidebar i {
    font-size: 16px;
    font-weight: 900;
}

.dashboard>.sidebar-menu .btn-sidebar {
    position: relative;
    width: 300px;
    height: 50px;
    text-align: left;
    padding: 10px 20px;
    display: flex;
    align-items: center;
}

.dashboard>.content {
    width: calc(100% - 64px);
    min-height: calc(100vh - 96px);
    overflow-x: hidden;
    z-index: auto;
    margin-left: 64px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.dashboard-footer {
    width: calc(100% - 64px);
    margin-left: 64px;
    transition: all 0.3s;
}

.dashboard.active>.content,
.dashboard.active>.dashboard-footer,
.dashboard.active-force>.content {
    width: calc(100vw - 257px);
    margin-left: 240px;
}

.dashboard>.content.active,
.dashboard>.content.active-force {
    margin-left: 0;
}

.dashboard .w-content {
    width: calc(100% - 64px);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.dashboard.active .w-content,
.dashboard.active-force .w-content {
    width: calc(100vw - 255px);
}

.accordion-button {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    align-items: center;
    gap: 6px;
    width: 100%;
    padding: 4px 15px;
    height: fit-content;
    font-size: 1rem;
    text-align: left;
    background-color: transparent;
    border: 0;
    border-radius: 6px;
    overflow-anchor: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease;
}

.accordion-button:not(.collapsed) {
    background-color: transparent;
    box-shadow: none !important;
}

.accordion-button:focus {
    z-index: 3;
    border-color: transparent;
    outline: 0;
    box-shadow: 0 0 0 0 rgb(0 0 0 / 0%);
}

.accordion-button:not(.collapsed)::after {
    background-image: url("../img/svg/chevron-down-white.svg");
    transform: rotate(-180deg);
}

.accordion-button::after {
    background-image: url("../img/svg/chevron-down-white.svg");
    height: 0.7em;
    background-size: 13px;
    background-position: center center;
    margin-right: auto;
    margin-left: 0;
    display: none;
}

.accordion-button-accounts {
    display: flex !important;
    flex-direction: row !important;
    justify-content: start !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 4px 8px !important;
    height: fit-content !important;
}

.component-accordion-item-accounts {
    padding: 4px 8px !important;
}

.component-accordion-item {
    border: 0px;
    background-color: transparent !important;
}

.ccordion-item .btn-sidebar i,
.component-accordion-item .link-sidebar i {
    font-size: 13px;
    font-weight: 900;
}


.accordion-body {
    padding: 0;
}

.t-link {
    text-wrap: nowrap;
}

.menu-mobile .side-link:hover {
    background-color: #0000;
}

.my-12px {
    margin-top: 12px;
    margin-bottom: 12px;
}

.menu-mobile .my-12px {
    margin-top: 8px;
    margin-bottom: 0px;
    padding-bottom: 8px;
}

.menu-mobile .side-link .accordion-button {
    padding-left: 0;
    padding-right: 0;
}

.menu-mobile .component-accordion-item .accordion-collapse .accordion-body ul {
    list-style: none;
    padding-left: 0 !important;
}

.menu-mobile li a {
    color: var(--foreground);
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 0;
}

.menu-mobile .spring-menu button {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
}

.menu-mobile .spring-menu {
    width: 100% !important;
}

.menu-mobile li {
    border-bottom: 1px solid var(--tertiary);
}

.menu-mobile li:last-child {
    border-bottom: none;
}

.menu-mobile .accordion-button.accordion-button-accounts {
    padding: 0 !important;
}

.menu-mobile a svg,
.menu-mobile .link-sidebar button .auxiliar svg {
    height: 20px !important;
    width: 20px !important;
}

.menu-mobile {
    list-style: none;
    height: 100%;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.menu-mobile .logo {
    height: 40px;
    width: 100% !important;
    opacity: 1;
    transition: all .4s;
    position: inherit !important;
    transform: none;
    margin-top: auto;
    object-fit: contain;
    object-position: left;
}

.menu-mobile .sidebar-content {
    opacity: 1;
}

.accordion-body .t-link {
    font-family: "Inter", sans-serif;
    padding-left: 1.25rem;
}

.auxiliar {
    height: 28px;
    min-width: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.accordion-body .link-sidebar .auxiliar i {
    font-size: 10px !important;
    position: relative;
}

.dashboard>.sidebar-menu .btn-sidebar i,
.dashboard>.sidebar-menu .link-sidebar i {
    font-size: 16px;
    font-weight: 900;
}

.side-link {
    border: 1px solid transparent;
}

.side-link.active,
.side-link.active-force {
    background-color: var(--active);
}

.side-link.active a p,
.side-link.active button p {
    color: var(--foreground) !important;
}

.side-link:hover {
    background-color: var(--active);
    color: var(--muted-foreground);
}

.side-link:hover .t-link,
.side-link:hover .auxiliar,
.side-link:hover .auxiliar svg {
    color: var(--primary) !important;
    opacity: 1 !important;
}

ul:has(.link-sidebar.side-link:hover) .link-sidebar.side-link:not(:hover) {
    background-color: transparent;
    color: var(--muted-foreground-second);
}

ul:has(.link-sidebar.side-link:hover) .link-sidebar.side-link.auxiliar svg:not(:hover) {
    background-color: transparent;
    opacity: 0.5;
}

ul:has(.link-sidebar.side-link:hover) .link-sidebar.side-link:not(:hover) p.t-link {
    color: var(--muted-foreground-second) !important;
}

.menu-mobile .side-menu::before {
    display: none !important;
}

.menu-mobile li a p,
.menu-mobile li button p {
    font-size: 16px !important;
}

.menu-mobile .side-link .accordion-button {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

.menu-mobile .sublink-sidebar {
    padding: 10px 0px 10px 28px !important;
}

.menu-mobile .accordion-body .t-link {
    width: 200px !important;
}

.menu-mobile img.w32.h32 {
    width: 40px !important;
    height: 40px !important;
    border-radius: 8px !important;
}

.menu-mobile .nav-corporate-name {
    width: 195px !important;
}

.menu-mobile .nav-code {
    font-size: 14px !important;
    width: 160px !important;
    text-align: left !important;
    font-weight: 400 !important;
    margin-top: 2px !important;
}

ul:has(.link-sidebar.side-link:hover) .link-sidebar.side-link:not(:hover) .auxiliar svg {
    opacity: 0.4 !important;
}

.btn_conta_bancaria {
    color: var(--primary);
    background-color: var(--muted);
    font-size: 14px;
    font-weight: 400;
    border-radius: 0px;
    height: 40px;
    padding: 5px 0;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid var(--border);
    width: 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.btn_conta_bancaria:hover {
    background-color: var(--border);
    border-bottom: 1px solid var(--input);
    color: var(--secondary-foreground);
}

.table-container {
    border: 1px solid var(--border);
}

.table-container tbody tr {
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
}

.table-container tbody tr:last-child {
    border-bottom: none;
}

.table-container tbody tr td .tag_positive {
    background-color: rgb(59, 180, 45, .2);
    color: rgb(59, 180, 45, 1);
    width: 120px;
    text-align: center;
}

.table-container tbody tr td .tag_negative {
    background-color: rgb(255, 0, 0, .2);
    color: rgb(255, 0, 0, 1);
    width: 120px;
    text-align: center;
}

tbody tr td.mask {
    max-width: 200px;
    overflow: hidden;
    mask-image: linear-gradient(90deg, var(--background) 60%, transparent);
}

tbody tr td.mask span,
tbody tr td.mask p {
    text-wrap: nowrap;
    text-overflow: ellipsis;
}

tbody tr td .ellipsis-single-line {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.table-container .form-check {
    padding-left: 0 !important;
    margin-bottom: 0 !important;
}

.responsive-table {
    width: 100%;
}

.responsive-table tbody tr {
    border-bottom: 1px solid var(--input);
    box-shadow: none;
    border-radius: 6px !important;
}

.responsive-table tbody tr td {
    border-bottom: 1px solid var(--input);
}


.responsive-table>:not(:last-child)>:last-child>*,
.responsive-table>tbody>tr>td {
    border: none;
    border-bottom: 1px solid var(--input);
    padding: 10px 12px;
}

.responsive-table>tbody>tr:last-child>td {
    border-bottom: none;
}

@media (max-width: 1199px) {
    .responsive-table>tbody>tr:last-child>td {
        border-bottom: 1px solid var(--input);
    }

    .responsive-table>tbody>tr>td:last-child {
        border: none;
        margin-left: auto;
    }

    .responsive-table tbody tr td {
        display: block;
        text-align: right;
        position: relative;
    }

    .responsive-table tbody tr td::before {
        content: attr(data-title);
        position: absolute;
        max-width: 50%;
        text-align: start;
        display: block;
        font-weight: 600;
        font-size: 1em;
        text-wrap-mode: nowrap;
    }

    .responsive-table thead {
        display: none;
    }

    .responsive-table tbody tr {
        margin-bottom: 10px;
        display: block;
        border: 1px solid var(--input);
        box-shadow: 3px 2px 5px rgb(0 0 0 / 22%);
    }

    .responsive-table>tbody>tr>td {
        border-bottom: 1px solid var(--input);
    }

    .responsive-table>:not(:last-child)>:last-child>* {
        border: none;
    }

    .responsive-table td>*:not(script):not(.d-flex):not([style*="flex"]) {
        display: inline-block !important;
        text-align: right;
    }

    .responsive-table td>.d-flex {
        justify-content: flex-end;
    }
}

.form-select {
    width: auto !important;
    border: none !important;
    background-image: var(--chevrons-up-down) !important;
    background-color: var(--background) !important;
    color: var(--foreground);
    box-shadow: var(--fancy-shadow) !important;
    border-radius: 6px !important;
}

.form-select:focus {
    box-shadow: var(--fancy-shadow) !important;
    border: none !important;
    border-radius: 6px !important;
}

.hidden-select {
    width: auto !important;
    border: none !important;
    background-image: none !important;
    background-color: var(--background) !important;
    color: var(--foreground) !important;
    box-shadow: none !important;
    border-radius: 6px !important;
    padding: 0 !important;
}

.hidden-select:focus {
    box-shadow: none !important;
    border: none !important;
    border-radius: 6px !important;
}

.pagination .paginador {
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 8px;
    cursor: pointer;
}

.pagination .paginador:hover {
    background-color: var(--muted);
}

.pagination .paginador svg path {
    stroke: var(--primary) !important;
}

.table-container .form-check .form-check-input {
    float: none !important;
    margin-left: 0 !important;
    background-color: transparent;
    border: 1px solid var(--primary);
}

.table-container .form-check .form-check-input:focus {
    outline: none !important;
    box-shadow: none !important;
}

.table-container .btn.sort-btn,
.table-container .th {
    color: var(--muted-foreground) !important;
}

.table-container tbody tr td span.tag {
    border: 1px solid var(--primary);
    padding: 2px 10px;
    border-radius: 10px;
    font-size: 12px;
}

.table-container tbody tr td.opcoes .dropdown-menu {
    border-radius: 8px;
    background-color: var(--background) !important;
    border: 1px solid var(--border) !important;
}

.table-container tbody tr td.opcoes .dropdown-menu li a {
    color: var(--primary) !important;
}

.table-container tbody tr td.opcoes .dropdown-menu li a:hover {
    background-color: var(--muted) !important;
}

.dropdown-submenu,
.dropdown-menu.show {
    background: var(--background);
    border-radius: 8px !important;
}

hr {
    color: var(--border);
    height: 1px;
    opacity: 1;
}

.dropdown-submenu,
.dropdown-menu.show {
    border: 1px solid var(--border);
}

.table-container tbody tr td.opcoes .dropdown-menu hr {
    margin: 0 !important;
    color: var(--border) !important;
    border: 1px solid var(--border) !important;
}

.form-group {
    display: flex;
    position: relative;
    padding-bottom: 24px;
    height: fit-content !important;
}

.form-group input,
.form-group textarea {
    border: 1px solid var(--border);
    border-radius: 6px;
    background-color: var(--background);
    color: var(--primary) !important;
}

.form-group input:focus,
.form-group textarea:focus {
    background-color: var(--background);
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(1, 150, 237, 0.36) 0px 0px 0px 4px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(64, 68, 82, 0.16) 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px !important;
}

.form-group input:read-only,
.form-group textarea:read-only {
    background-color: var(--background);
    box-shadow: var(--fancy-shadow) !important;
}

form .form-group .with-errors {
    position: absolute;
    bottom: 6px;
}

form .form-group .input-group {
    margin-top: 0;
}

form .form-group.has-error .with-errors {
    color: var(--destructive);
    font-size: 12px;
    line-height: 12px;
    font-weight: 500;
    margin: 0;
}

.form-group-dropdown-select:has(.form-group.has-error) .dropdown button {
    border-color: var(--destructive) !important;
}

form .form-group.has-error input,
form .form-group.has-error textarea,
form .form-group.has-error input::placeholder,
form .form-group.has-error textarea::placeholder {
    border-color: var(--destructive) !important;
    color: var(--destructive) !important;
}

form .form-group.has-error input:focus,
form .form-group.has-error textarea:focus {
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(238, 68, 68, 0.36) 0px 0px 0px 4px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(64, 68, 82, 0.16) 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px !important;
}

form .form-group .list-unstyled {
    padding: 0;
    margin: 0;
}

.btn {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important;
    transition-duration: .15s !important;
}

.btn.disabled,
.btn:disabled,
fieldset:disabled .btn,
.btn.disabled {
    opacity: .5;
    border: none !important;
}

.btn:focus-visible {
    color: var(--primary-foreground);
}

.btn:focus-visible.bg-secondary {
    color: var(--foreground);
}

.opacity\.5 {
    opacity: .5;
}

.hover\:opacity\.5 {
    opacity: .5 !important;
}

.opacity\.25 {
    opacity: .25;
}

.hover\:opacity-100:hover {
    opacity: 1;
}

.hover\:underline:hover {
    text-decoration: underline;
}

.underline-offset-4 {
    text-underline-offset: 4px;
}

.btn-filter,
.btn-filter:active {
    font-size: .75rem !important;
    line-height: 1rem !important;
    font-weight: 500 !important;
    padding: 0 .75rem 0 .75rem !important;
    background-color: var(--background) !important;
    color: var(--muted-foreground) !important;
    border: 1px dashed var(--border) !important;
    height: 2.25rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.btn-filter:hover {
    background-color: var(--accent) !important;
}

.btn-combobox,
.btn-combobox:active {
    font-size: .875rem !important;
    line-height: 1.25rem !important;
    font-weight: 500 !important;
    padding: .5rem 1rem .5rem 1rem !important;
    background-color: var(--background) !important;
    color: var(--foreground) !important;
    border: 1px solid var(--border) !important;
    height: 2.25rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.btn-combobox:hover {
    background-color: var(--accent) !important;
}

.search-filter {
    padding-left: 6px !important;
}

.active\:foreground-background:active {
    color: var(--background) !important;
}

.filter-tag {
    color: var(--secondary-foreground);
    font-weight: 400;
    font-size: .75rem;
    line-height: 1rem;
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    background-color: var(--secondary);
    border: 1px solid transparent;
    border-radius: calc(var(--radius) - 4px);
    display: inline;
    align-items: center;
    margin-left: .25rem;
    text-transform: capitalize;
}

.bg-input {
    background-color: var(--input);
}

.bg-tertiary {
    background-color: var(--tertiary);
}

.bg-tertiary\/50 {
    background-color: var(--tertiary-50);
}

.hover\:bg-tertiary:hover {
    background-color: var(--tertiary) !important;
}

.bg-quartenary {
    background-color: var(--quartenary);
}

.bg-primary:hover {
    filter: opacity(.9);
    color: var(--primary-foreground);
}

.bg-secondary {
    background-color: var(--secondary) !important;
    color: var(--foreground) !important;
}

.bg-secondary:hover {
    filter: opacity(.9);
    color: var(--foreground);
}

.bg-destructive {
    background-color: var(--destructive) !important;
    color: var(--primary-foreground);
}

.bg-destructive:hover {
    filter: opacity(.9);
    color: var(--primary-foreground);
}

.bg-background {
    background-color: var(--background) !important;
    color: var(--foreground) !important;
}

.bg-background-all * {
    background-color: var(--background) !important;
    color: var(--foreground) !important;
}

.foreground {
    color: var(--foreground) !important;
}

.text-nowrap {
    text-wrap: nowrap;
}

.bg-accent {
    background-color: var(--accent) !important;
}

.bg-accent-\[50\] {
    background-color: var(--accent-50) !important;
}

.hover\:bg-accent:hover {
    background-color: var(--accent) !important;
}

.hover\:bg-background:hover {
    background-color: var(--background) !important;
}

.hover\:underline:hover {
    text-decoration: underline !important;
}

.hover\:text-decoration-none {
    text-decoration: none !important;
}

.hover\:bg-danger:hover {
    /* background-color: var(--destructive) !important; */
    --bs-bg-opacity: 1;
    background-color: rgba(var(--destructive-rgb), var(--bs-bg-opacity)) !important;
}

.hover\:stroke-danger:hover {
    stroke: var(--destructive) !important;
}

.hover\:border-danger:hover {
    border-color: var(--destructive) !important;
}

.hover\:text-danger:hover,
.hover\:text-danger:hover * {
    color: var(--destructive) !important;
}

.hover\:bg-success:hover {
    background-color: rgba(var(--bs-success-rgb), 1) !important;
}

.hover\:border-success:hover {
    border-color: rgba(var(--bs-success-rgb), 1) !important;
}

.hover\:text-white:hover,
.hover\:text-white:hover * {
    color: var(--white) !important;
}

.dark\:hover\:text-white:hover,
.dark\:hover\:text-white:hover * {
    color: var(--white) !important;
}

.dark\:hover\:text-foreground:hover,
.dark\:hover\:text-foreground:hover * {
    color: var(--foreground) !important;
}

.hover\:text-foreground:hover,
.hover\:text-foreground:hover * {
    color: var(--foreground) !important;
}

.hover\:border-background:hover {
    border-color: var(--background) !important;
}

.hover\:shadow-lg:hover {
    box-shadow: 0 0px 45px -45px var(--tertiary), 0 0px 92px -35px var(--tertiary) !important;
}

.border-1 {
    border: 1px solid transparent;
}

.border-1-b {
    border-bottom: 1px solid transparent;
}

.border-1-t {
    border-top: 1px solid transparent;
}

.border-input {
    border-color: var(--input) !important;
}

.border-tertiary {
    border-color: var(--tertiary) !important;
}

.hover\:border-input:hover {
    border-color: var(--input) !important;
}

.fancy-shadow {
    border: none !important;
    box-shadow: var(--fancy-shadow) !important;
}

.border-accent {
    border-color: var(--accent) !important;
}

.border-background {
    border-color: var(--background) !important;
}

.w-0 {
    width: 0;
}

.w-1 {
    width: 0.25rem;
}

.w-1\.5 {
    width: 6px;
}

.w-2 {
    width: 0.5rem;
}

.w-3 {
    width: 0.75rem;
}

.w-3\.5 {
    width: 0.875rem;
}

.w-4 {
    width: 1rem;
}

.w-5 {
    width: 1.25rem;
}

.w-6 {
    width: 1.5rem;
}

.w-7 {
    width: 1.75rem !important;
}

.w-8 {
    width: 2rem !important;
}

.w-9 {
    width: 2.25rem;
}

.w-10 {
    width: 2.5rem !important;
}

.w-12 {
    width: 3rem;
}

.w-13 {
    width: 3.5rem;
}

.w-16 {
    width: 4rem;
}

.w-20 {
    width: 5rem;
}

.w-24 {
    width: 6rem;
}

.w-32 {
    width: 8rem;
}

.w-40 {
    width: 10rem;
}

.w-48 {
    width: 12rem;
}

.w-56 {
    width: 14rem;
}

.w-64 {
    width: 16rem;
}

.w-auto {
    width: auto;
}

.w-full {
    width: 100%;
}

.w-screen {
    width: 100vw;
}

.w-fit {
    width: fit-content !important;
}

.min-w-fit {
    min-width: fit-content !important;
}

.max-w-600px {
    max-width: 600px;
}

.max-w-350px {
    max-width: 350px;
}

.max-w-120px {
    max-width: 120px;
}

.max-w-xs {
    max-width: 20rem;
}

.h-0 {
    height: 0;
}

.h-1 {
    height: 0.25rem;
}

.h-1\.5 {
    height: 6px;
}

.h-2 {
    height: 0.5rem;
}

.h-3 {
    height: 0.75rem;
}

.h-3\.5 {
    height: 0.875rem;
}

.h-4 {
    height: 1rem;
}

.h-5 {
    height: 1.25rem;
}

.h-6 {
    height: 1.5rem !important;
}

.h-7 {
    height: 1.75rem !important;
}

.h-8 {
    height: 2rem !important;
}

.h-10 {
    height: 2.5rem;
}

.h-12 {
    height: 3rem;
}

.h-13 {
    height: 3.5rem;
}

.h-16 {
    height: 4rem;
}

.h-20 {
    height: 5rem;
}

.h-24 {
    height: 6rem;
}

.h-32 {
    height: 8rem;
}

.h-40 {
    height: 10rem;
}

.h-48 {
    height: 12rem;
}

.h-56 {
    height: 14rem;
}

.h-64 {
    height: 16rem;
}

.h-auto {
    height: auto;
}

.h-full {
    height: 100%;
}

.h-fit {
    height: fit-content !important;
}

.min-h-fit {
    min-height: fit-content !important;
}

.h-screen {
    height: 100vh;
}

.h-100dvh {
    height: 100dvh;
}

.min-h-screen {
    min-height: 100vh !important;
}

.togglePassword {
    position: absolute;
    right: 0;
    top: 50%;
    bottom: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    height: calc(100% - 4px);
    padding: 0 .5rem;
    border: none !important;
    outline: none;
    box-shadow: none;
    margin-right: 2px;
    background-color: var(--background) !important;
    color: var(--foreground) !important;
    border-radius: 0 calc(var(--radius) - 2px) calc(var(--radius) - 2px) 0;
}

.gap-1\.5 {
    gap: 0.375rem;
}

.gap-2\.5 {
    gap: .625rem;
}

.ui-accordion-button {
    padding: 1rem 0 !important;
    font-weight: 500;
    font-size: .875rem;
    line-height: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    border: none !important;
    box-shadow: none !important;
}

.ui-accordion-body {
    padding: 0 0 1rem 0 !important;
    font-size: .875rem;
    line-height: 1.25rem;
}

.ui-accordion-button:hover {
    text-decoration: underline;
}

.ui-accordion-button::after {
    display: none;
}

.ui-accordion,
.ui-component-accordion-item,
.ui-accordion-button {
    background: var(--background) !important;
    color: var(--foreground) !important;
}

.ui-accordion-button:not(.collapsed) {
    background: var(--muted) !important;
}

.ui-component-accordion-item {
    border-bottom: 1px solid var(--border);
}

.ui-accordion-button svg {
    transition: transform ease-in-out 0.3s;
    transform: rotate(0deg);
}

.ui-accordion-button:not(.collapsed) svg {
    transform: rotate(180deg);
}

.modal-media .modal-top {
    height: 87px;
}

.modal-media .modal-footer {
    height: 70px;
}

.modal-media .modal-body {
    height: calc(100vh - 87px - 70px - 48px);
}

.modal-dialog.modal-dialog-centered.modal-xl.modal-media {
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    margin: 0;
}

.modal-media .modal-header {
    border: none;
}

.modal-media .nav-tabs {
    padding: 0 10px !important;
}

.modal-dialog .modal-body {
    border-radius: 14px !important;
}

.modal-dialog .modal-body .content-files {
    width: calc(100% - 350px);
}

.modal-dialog .modal-body .content-unique-file {
    width: 350px;
    border-left: 1px solid var(--border);
    padding: 20px;
    background-color: #f6f7f7;
    overflow-y: auto;
    height: 100%;
    background-color: var(--background);
}

@media (max-width: 743px) {
    .modal-dialog .modal-body .content-unique-file {
        max-height: 300px;
        width: 100%;
    }
}

.modal-dialog .modal-body .content-unique-file img {
    width: 150px !important;
    height: 150px !important;
    object-fit: cover;
}

.modal-dialog .modal-body .content-unique-file button {
    width: 100%;
    border: 1px solid var(--border);
    border-radius: 4px;
    background-color: var(--background);
    padding: 5px;
    font-size: 12px;
    color: var(--secondary-foreground);
}

.modal-dialog .modal-body .content-unique-file textarea,
.modal-dialog .modal-body .content-unique-file input {
    width: 100%;
    border: 1px solid var(--border);
    border-radius: 4px;
    background-color: var(--muted);
    padding: 5px;
    font-size: 12px;
    color: var(--muted-foreground);
    opacity: .5;
}

.modal-footer {
    border-top: 1px solid var(--border);
}

.modal-body #file-list {
    list-style: none;
}

.modal-body #file-list li,
.modal-body #file-list li img {
    width: 148px;
    height: 148px;
    object-fit: cover;
}

.modal-body #file-list li p {
    line-height: 1.2;
    position: absolute;
    bottom: 0;
    background: var(--tertiary);
    width: 148px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: nowrap;
    text-align: left !important;
    padding: 6px 12px !important;
    border-top: 1px solid var(--input);
    font-size: 12px !important;
}

.media-item-wrapper-sm>p,
.media-item-wrapper>p {
    line-height: 1.2;
    position: absolute;
    bottom: 0;
    background: var(--tertiary);
    width: 124px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: nowrap;
    text-align: left !important;
    padding: 6px 12px !important;
    border-top: 1px solid var(--input);
    font-size: 12px !important;
    border-radius: 6px 6px 0 0;
}

.modal-body #file-list li.file-item.active {
    box-shadow: 0px 0px 0px 4px var(--primary);
    border-radius: 0px;
}

.modal-body #file-list li.file-item .box-check {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    background-color: var(--primary);
    border-radius: 0px;
    margin-top: -12px;
    margin-right: -12px;
}

.modal-body #file-list li.file-item .box-check img {
    width: 16px;
    height: 16px;
    filter: invert(1);
    border: none;
}

#modalTerms .box-aceita-termo {
    max-height: 400px;
    overflow-y: auto;
}

.box_media {
    width: 100%;
}

.box_media>img {
    aspect-ratio: 1/1;
    object-fit: contain;
    width: 100%;
    border-radius: 6px;
}

.box_media>.btn-trash {
    position: absolute;
    top: -12px;
    right: -12px;
}

.box_media>.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--foreground);
    font-size: 24px;
    font-weight: 900;
    cursor: pointer;
    transition: all 0.3s;
}

.box_media>.overlay:hover {
    opacity: 1;
}

.box_media_actions {
    display: flex;
    flex-direction: column-reverse;
    gap: 24px;
}

body.dark .modal-body #file-list li.file-item .box-check img {
    filter: invert(0);
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.lucide-rotate-cw {
    animation: rotate 1s linear infinite;
}

.lucide-loader {
    animation: rotate 1.85s linear infinite;
}

.p-btn-xs {
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
}

.padding-1 {
    padding: 0.25rem;
}

.bg-muted {
    background-color: var(--muted) !important;
}

.bg-muted-darker {
    background-color: var(--muted-darker) !important;
}

.h-px {
    height: 1px;
}

.rounded-4px {
    border-radius: 4px !important;
}

.rounded-sm {
    border-radius: calc(var(--radius) - 4px);
}

.font-normal {
    font-weight: 400;
}

.py-1\.5 {
    padding-top: 0.375rem !important;
    padding-bottom: 0.375rem !important;
}

.px-1\.5 {
    padding-left: 0.375rem !important;
    padding-right: 0.375rem !important;
}

.px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
}

.lucide-command path {
    fill: var(--background) !important;
}

.opacity-0 {
    opacity: 0;
}

.opacity-60 {
    opacity: 0.6;
}

.opacity-70 {
    opacity: 0.7;
}

.nav.nav-tabs {
    border: none;
    background-color: var(--secondary);
    padding: 0.225rem;
    border-radius: calc(var(--radius) - 4px);
}

.nav.nav-tabs .nav-link {
    background-color: transparent !important;
    padding: 0.225rem 3rem !important;
    border: none;
    color: var(--muted-foreground) !important;
    font-size: 14px;
    font-weight: 500;
    border-radius: calc(var(--radius) - 4px);
}

.nav.nav-tabs .nav-link.active {
    background-color: var(--background) !important;
    color: var(--primary) !important;
    border: calc(var(--radius) - 4px);
}

.nav.nav-tabs {
    border: none;
    background-color: var(--secondary);
    padding: 0.225rem;
    border-radius: calc(var(--radius) - 4px);
}

.nav.nav-tabs .nav-link {
    background-color: transparent !important;
    padding: 0.225rem 3rem !important;
    border: none;
    color: var(--muted-foreground) !important;
    font-size: 14px;
    font-weight: 500;
    border-radius: calc(var(--radius) - 4px);
}

.nav.nav-tabs .nav-link.column {
    margin: 10px 5px !important;
    padding: 10px 10px !important;
}

.nav.nav-tabs .nav-link.active {
    background-color: var(--background) !important;
    color: var(--primary) !important;
    border: calc(var(--radius) - 4px);
}

.nav-underline {
    padding: 0 !important;
    background-color: var(--background) !important;
    border-bottom: 1px solid var(--border) !important;
    width: 100%;
    border-radius: 0 !important;
}

.nav-underline-content .tab-pane {
    padding: 0 !important;
    background-color: var(--background) !important;
    border: none !important;
    width: 100%;
    border-radius: 0 !important;
}

.list {
    list-style: none;
    padding-left: 1rem;
}

.list-style-none {
    list-style: none;
}

.nav.nav-underline .nav-link.active,
.nav.nav-underline .nav-link {
    padding: .5rem .75rem !important;
    border-radius: 0 !important;
}

.nav.nav-underline .nav-link.active {
    border-bottom: 2px solid var(--primary) !important;
}

code {
    background-color: var(--muted);
    border-radius: 8px;
    padding: 4px 6px;
}

.code {
    background-color: #09090B;
    color: #ffff;
    padding: 2rem !important;
    border-radius: 6px;
}

.code-span {
    background-color: var(--muted);
    font-size: .875rem;
    line-height: 1.25rem;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    padding: 0.2rem .3rem;
    border-radius: 0.25rem;
}

.spancode {
    font-size: .85rem;
    line-height: 1.25rem;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    color: var(--muted-foreground);
    text-decoration: underline;
    text-decoration-style: dotted;
}

pre {
    margin: 0;
    max-height: 400px;
    background-color: #09090B;
}

pre::-webkit-scrollbar {
    height: .4rem;
    width: .4rem;
    background-color: #09090B;
}

pre::-webkit-scrollbar-track {
    background-color: #09090B;
    height: .4rem;
    width: .4rem;
}

pre::-webkit-scrollbar-thumb {
    background-color: #ffff;
    height: .4rem;
    border-radius: 10px;
}

.select2-results__options::-webkit-scrollbar {
    height: .4rem;
    width: .4rem;
    background-color: var(--background) !important;
}

.select2-results__options::-webkit-scrollbar-track {
    background-color: var(--background) !important;
    height: .4rem;
    width: .4rem;
}

.select2-results__options::-webkit-scrollbar-thumb {
    background-color: var(--border) !important;
    height: .4rem;
    border-radius: 10px;
}

.horizontal-hr {
    background-color: var(--border);
    width: 1px;
    height: 1rem;
    margin: 0 .5rem;
}

.tab-pane.fade {
    /*border: 1px solid var(--border);*/
    /*border-radius: 6px;*/
    /*padding: 10px 20px;*/
    background-color: var(--background);
    color: var(--primary) !important;
}

.top-1 {
    top: 1rem;
}

.end-1 {
    right: 1rem;
}

.mobile-menu {
    height: 64px;
    width: 64px;
    display: none;
}

.swal2-container.swal2-backdrop-show,
.swal2-container.swal2-noanimation {
    background: rgba(0, 0, 0, .8) !important;
}

.swal2-container.swal2-top-end>.swal2-popup,
.swal2-container.swal2-center>.swal2-popup {
    background-color: var(--background) !important;
}

.swal2-html-container {
    text-align: left !important;
    padding: 0 !important;
    color: var(--accent-foreground) !important;
    font-size: .875rem !important;
}

.swal2-html-container p {
    line-height: 140% !important;
    word-wrap: break-word;
    word-break: break-word;
}

.swal2-title {
    font-weight: 600 !important;
    font-size: 1.125rem !important;
    line-height: 1 !important;
    color: var(--foreground) !important;
    letter-spacing: -.025em !important;

    position: relative;
    padding: 0 !important;
    margin-bottom: 15px !important;
    text-align: start !important;
    text-transform: none;
    word-wrap: break-word;
}

.swal2-popup {
    padding: 1.5rem !important;
    border-radius: 12px !important;
    box-shadow: var(--fancy-shadow) !important;
}

.swal2-icon {
    display: none !important;
}

.swal2-toast .swal2-icon {
    display: flex !important;
}

.swal2-popup.swal2-toast .swal2-title {
    font-size: 14px !important;
}

.swal2-popup.swal2-toast {
    box-shadow: 0 0 0.1em var(--primary) !important;
}

.swal2-actions {
    gap: .75rem !important;
}

.swal2-deny.swal2-styled {
    border: 0 !important;
    border-radius: 6px !important;
    background-color: var(--destructive) !important;
    color: #fff !important;
    padding: .5rem 1rem !important;
    font-size: .875rem !important;
    line-height: 1.25rem !important;
    margin: 0 !important;
}

.swal2-styled.swal2-confirm {
    border: 0 !important;
    border-radius: 6px !important;
    background-color: var(--primary) !important;
    color: var(--primary-foreground) !important;
    padding: .5rem 1rem !important;
    font-size: .875rem !important;
    line-height: 1.25rem !important;
    margin: 0 !important;
}

.swal2-cancel.swal2-styled {
    border: 1px solid var(--border) !important;
    border-radius: 6px !important;
    background-color: var(--background) !important;
    color: var(--foreground) !important;
    padding: .5rem 1rem !important;
    font-size: .875rem !important;
    line-height: 1.25rem !important;
    margin: 0 !important;
}

.swal2-styled.swal2-confirm:focus {
    box-shadow: 0 0 0 3px var(--destak-opacity) !important;
}

.swal2-actions {
    justify-content: flex-end !important;
}

.swal2-file,
.swal2-input,
.swal2-textarea {
    margin: 30px 0 0 0 !important;
    border: 1px solid var(--border) !important;
    font-size: 14px !important;
}

.swal2-file,
.swal2-input,
.swal2-textarea:focus {
    box-shadow: inset 0 1px 1px var(--border), 0 0 0 3px var(--border) !important;
}

.swal2-container.swal2-top-end>.swal2-popup,
.swal2-container.swal2-top-right>.swal2-popup {
    padding: 12px 16px !important;
    border-radius: 10px !important;
    border: none;
    box-shadow: var(--fancy-shadow) !important;
}

.swal2-container {
    backdrop-filter: blur(5px) !important;
}

.swal2-popup.swal2-toast .swal2-icon {
    transform: scale(0.75) !important;
}

.swal2-popup.swal2-toast .swal2-title {
    margin: 12px 0px !important;
    font-weight: 500 !important;
}

.swal2-timer-progress-bar {
    background: var(--primary) !important;
}

.swal2-timer-progress-bar-container,
.swal2-timer-progress-bar {
    height: 0px !important;
}

body.swal2-toast-shown .swal2-container {
    background-color: transparent !important;
}

.modal {
    backdrop-filter: blur(3px);
}

.modal-content {
    background-color: var(--background);
    border: 1px solid var(--border);
    border-radius: 14px !important;
}

.truncate {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.dark .btn-close {
    filter: invert(1);
}

.col-12-1230-50 {
    width: 33.33%;
}

.col-12-1230-100 {
    width: 33.33%;
}

.invisible-scrollbar::-webkit-scrollbar {
    display: none;
}

.my-plans-card {
    height: 350px;
}

.fallback-value {
    white-space: normal;
    word-break: break-word;
    overflow-wrap: anywhere;
    text-align: start !important;
}

.fallback-value.component-table {
    text-align: end !important;
}

@media (max-width: 767px) {
    .hide-on-sm {
        display: none !important;
    }

    .select-products {
        width: 100%;
    }
}

@media only screen and (max-width: 768px) {
    .md\:w-full {
        width: 100% !important;
    }

    .md\:hidden {
        display: none;
    }

    .md\:block {
        display: block !important;
    }

    .md\:flex {
        display: flex !important;
    }

    .fixar-sidebar,
    .dashboard .sidebar-menu,
    .nav-content .search-input,
    .toggle-menu {
        display: none !important;
    }

    .show-sheet {
        display: block !important;
    }

    .dashboard.active>.content,
    .dashboard.active-force>.content,
    .dashboard>.content {
        width: calc(100vw);
        margin-left: 0;
    }

    .md\:border-0 {
        border: 0 !important;
    }

    .fallback-value {
        max-width: 480px !important;
    }
}

@media only screen and (max-width: 1280px) {
    .lg\:col-10 {
        width: 83.333333%;
    }

    .lg\:hidden {
        display: none;
    }

    .lg\:block {
        display: block;
    }

    .col-12-1230-50 {
        width: 50%;
    }

    .col-12-1230-100 {
        width: 100%;
    }
}

@media only screen and (max-width: 768px) {
    .md\:col-10 {
        width: 83.333333%;
    }

    .md\:col-11 {
        width: 91.666667%;
    }

    .md\:col-12 {
        width: 100%;
    }

    .md\:hidden {
        display: none !important;
    }

    .md\:block {
        display: block;
    }

    .md\:flex {
        display: flex !important;
    }

    .md-flex-column {
        flex-direction: column;
    }

    .md-align-items-start {
        align-items: flex-start !important;
    }

    .md-align-items-end {
        align-items: flex-end !important;
    }

    .mobile-menu {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .logo {
        width: 48px !important;
    }
}

@media only screen and (max-width: 425px) {
    .sm-flex-column {
        flex-direction: column;
    }

    .sm-flex-wrap {
        flex-wrap: wrap !important;
    }

    .sm\:max-w-100 {
        max-width: 100% !important;
    }

    .sm\:w-100 {
        width: 100% !important;
    }

    .sm\:border-0 {
        border: 0 !important;
    }

    .sm\:hover-bg-tertiary-none:hover {
        background-color: transparent;
    }

    .sm\:hover-border-input-none:hover {
        border-color: transparent !important;
    }

    .fallback-value {
        max-width: 230px !important;
    }

    .sm\:text-center {
        text-align: center !important;
    }

    .sm\:align-items-center {
        align-items: center !important;
    }

    .fallback-value.sm\:component-table {
        text-align: end !important;
    }
}

.letter-space-menus-025 {
    letter-spacing: -.025em;
}

.rounded-lg {
    border-radius: var(--radius) !important;
}

.border-destructive {
    border-color: var(--destructive) !important;
}

.foreground-destructive {
    color: var(--destructive) !important;
}

.border-secondary-foreground {
    border-color: var(--secondary-foreground) !important;
}

.modal {
    background-color: rgba(0, 0, 0, .6);
}

.text-lg {
    font-size: 1.125rem !important;
    line-height: 1.75rem !important;
}

.text-xs {
    font-size: 12px !important;
    line-height: 1rem !important;
}

.tracking-widest {
    letter-spacing: .1em;
}

.leading-3 {
    line-height: 12px;
}

.leading-4 {
    line-height: 16px;
}

.leading-5 {
    line-height: 20px;
}

.leading-6 {
    line-height: 24px;
}

.leading-7 {
    line-height: 28px;
}

.leading-8 {
    line-height: 32px;
}

.leading-9 {
    line-height: 36px;
}

.leading-10 {
    line-height: 40px;
}

.leading-none {
    line-height: 1;
}

.leading-tight {
    line-height: 1.25;
}

.leading-snug {
    line-height: 1.375;
}

.leading-normal {
    line-height: 1.5;
}

.leading-relaxed {
    line-height: 1.625;
}

.leading-loose {
    line-height: 2;
}

.p-6 {
    padding: 1.5rem;
}

.dotted-bg {
    inset: 0;
    background-color: white;
    background-image: radial-gradient(circle, #e5e7eb 1px, transparent 1px);
    background-size: 16px 16px;
}

.space-y-1\.5>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.375rem* calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.375rem* var(--tw-space-y-reverse));
}

.space-y-2>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.5rem* calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.5rem* var(--tw-space-y-reverse));
}

.space-x-2>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.5rem* var(--tw-space-x-reverse));
    margin-left: calc(0.5rem* calc(1 - var(--tw-space-x-reverse)));
}

.space-x-4>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem* var(--tw-space-x-reverse));
    margin-left: calc(1rem* calc(1 - var(--tw-space-x-reverse)));
}

.dropdown-menu li {
    position: relative;
}

.dropdown-submenu {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
}

.sub-menu-trigger:hover .dropdown-submenu {
    display: block;
}

.max-h-\[350px\] {
    max-height: 350px;
    overflow-y: scroll;
}

.max-h-\[350px\]::-webkit-scrollbar {
    width: .4rem;
}

.max-h-\[350px\]::-webkit-scrollbar-track {
    background-color: #09090B;
    width: .4rem;
}

.max-h-\[350px\]::-webkit-scrollbar-thumb {
    background-color: #ffff;
    width: .4rem;
    border-radius: 10px;
}

.search-modal {
    background-color: var(--background);
    border-radius: 8px;
    overflow: hidden;
    border: none;
    border: 1px solid var(--border);
}

.search-modal .modal-header {
    border: none;
    background-color: var(--background);
    border-bottom: 1px solid var(--input);
}

.search-modal .modal-header .form-control {
    border: none;
    box-shadow: none;
    padding: .75rem 0 !important;
    background-color: var(--background);
    color: var(--primary);
}

.search-modal .modal-header .p-1 {
    padding: 0 .75rem !important;
    height: 44px;
    width: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.search-modal .modal-header .p-1 svg {
    width: 16px;
    height: 16px;
}

body.dark .search-modal .modal-header .p-1 svg {
    filter: invert(1);
}

.search-modal .modal-body {
    display: flex;
    flex-direction: column;
}

.search-modal .modal-body .btn-suggestion {
    padding: .5rem;
    color: var(--primary);
    display: flex;
    justify-content: left;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
    font-size: .875rem;
    line-height: 1.25rem;
}

.divider {
    border-top: 1px solid var(--border);
}

.search-modal .modal-body .btn-suggestion:hover {
    background-color: var(--muted);
}

.search-modal .modal-body .btn-suggestion svg {
    stroke: var(--primary);
}

.modal-header .btn-close {
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(.7);
}

.btn-close:focus {
    box-shadow: 0 0 0 0.2rem var(--input);
}

.sonner {
    position: fixed;
    z-index: 9999;
    min-width: 30vw;
    width: 30vw;
    min-height: 0;
    height: 20vh;
    overflow: visible;
    pointer-events: none;
    right: 2rem;
    bottom: 2rem;
}

.sonner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: translateY(calc(-100% * var(--number-of-items)));
    background: transparent;
    z-index: -1;
}

.sonner>div {
    position: absolute;
    bottom: 0;
    right: 0;
    width: max-content;
    background: var(--card);
    padding: 1rem;
    border-radius: var(--radius);
    border: 1px solid var(--border);
    translate: 0 var(--padding);
    opacity: 0;
    font-size: .875rem;
    pointer-events: auto;
    line-height: 1.25rem;
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
    cursor: default;
    animation: intro 0.3s ease-in-out;
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@keyframes intro {
    from {
        transform: translatey(100%);
        opacity: 0;
    }

    to {
        transform: translatey(0);
        opacity: 1;
    }
}

.sonner div:nth-last-child(1),
.sonner div:nth-last-child(2),
.sonner div:nth-last-child(3) {
    opacity: 1;
}

.sonner:hover div {
    transform: scale(1) translatey(calc(var(--index) * 100%));
}

.sonner:not(:hover) div {
    z-index: var(--index);
    transform: scale(calc(pow(0.97, -1 * var(--index)))) translatey(calc(var(--index) * 16%));
    margin-top: .875rem;
}

.sonner div.out {
    transform: scale(1) translatey(calc(100% + calc(var(--index) * (100% + var(--margin)))));
    opacity: 0;
}

.sonner div:hover,
.sonner div:hover~div {
    transform: scale(1) translatey(calc(var(--index) * (100% + 10px)));
}

.sonner:hover div,
.sonner div:hover {
    transform: scale(1) translatey(calc(var(--index) * (100% + 10px)));
}

.xdsoft_datetimepicker,
.xdsoft_datepicker,
.xdsoft_monthpicker,
.xdsoft_label,
.xdsoft_month,
.xdsoft_year,
.xdsoft_prev,
.xdsoft_next,
.xdsoft_calendar,
.xdsoft_time_box,
.xdsoft_date,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div,
.xdsoft_datetimepicker .xdsoft_calendar td,
.xdsoft_datetimepicker .xdsoft_label,
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: var(--primary);
    background: var(--background);
}

.xdsoft_datetimepicker .xdsoft_label i {
    opacity: 1;
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    color: var(--muted);
    background: var(--primary) !important;
    font-weight: bold !important;
    box-shadow: none;
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover,
.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    color: var(--muted) !important;
    background: var(--primary) !important;
    font-weight: bold;
}

.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_today_button {
    color: var(--primary);
    opacity: 1;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    font-weight: 700;
    text-align: center;
    color: var(--secondary);
    cursor: default;
    background: var(--primary);
}

.nav-pills {
    color: var(--muted-foreground);
    padding: 2px !important;
    background-color: var(--muted);
    border-radius: 10px;
    justify-content: start;
    align-items: center;
    display: flex;
    width: fit-content;
    border: 1px solid var(--input);
    gap: 2px;
}

.nav-pills .nav-link {
    color: var(--muted-foreground);
    background-color: var(--muted);
    font-weight: 500;
    font-size: .875rem;
    line-height: 1.25rem;
    padding: 0.25rem 1.75rem;
    border-radius: 4px;
    white-space: nowrap;
    justify-content: center;
    align-items: center;
    display: inline-flex;
}

.custom-nav-pills {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
}

.nav-pills .nav-link.active {
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    color: var(--foreground);
    background-color: var(--background);
    font-weight: 500;
    font-size: .875rem;
    line-height: 1.25rem;
    padding: 0.25rem 1.75rem;
    border-radius: 8px;
    white-space: nowrap;
    justify-content: center;
    align-items: center;
    display: inline-flex;
}


.popover-container {
    position: relative;
    display: inline-block;
}

.popover-content {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #f9f9f9;
    border: 1px solid var(--border);
    padding: 10px;
    width: min-content;
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    color: var(--popover-foreground);
    padding: 1rem;
    background-color: var(--popover);
    border-radius: calc(var(--radius) - 2px);
    width: 20rem;
    transition: opacity 0.3s, visibility 0.3s;
}

.popover-trigger:hover+.popover-content,
.popover-content:hover {
    visibility: visible;
    opacity: 1;
}

.popover-trigger {
    padding: 10px;
    border: 1px solid #ccc;
    background-color: #f0f0f0;
    cursor: pointer;
}

.focus\:border-none:focus {
    border: none !important;
}

.embla {
    --slide-height: 19rem;
    --slide-spacing: 1rem;
    --slide-size: 100%;
}

.embla__viewport {
    overflow: hidden;
}

.embla__container {
    backface-visibility: hidden;
    display: flex;
    touch-action: pan-y;
    margin-left: calc(var(--slide-spacing) * -1);
}

.embla__slide {
    flex: 0 0 var(--slide-size);
    min-width: 0;
    padding-left: var(--slide-spacing);
    flex-basis: 100%;
    flex-grow: 0;
    flex-shrink: 0;
}

.embla__slide__number {
    box-shadow: inset 0 0 0 0.2rem var(--detail-medium-contrast);
    border-radius: 1.8rem;
    font-size: 4rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}

.embla__controls {
    display: flex;
    flex-direction: column;
    width: fit-content;
}

.embla__buttons {
    display: flex;
    align-items: center;
    justify-content: center;
}

.embla__button {
    -webkit-tap-highlight-color: rgba(var(--text-high-contrast-rgb-value), 0\.5);
    -webkit-appearance: none;
    appearance: none;
    background-color: transparent;
    touch-action: manipulation;
    display: inline-flex;
    text-decoration: none;
    cursor: pointer;
    border: 0;
    padding: 0;
    margin: 0;
    box-shadow: inset 0 0 0 0.2rem var(--detail-medium-contrast);
    width: 3.6rem;
    height: 3.6rem;
    z-index: 1;
    border-radius: 50%;
    color: var(--text-body);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    transition: cubic-bezier(.4, 0, .2, 1) .15s;
}

.embla__button:disabled {
    opacity: .4;
}

.embla__button__svg {
    width: 35%;
    height: 35%;
}

.aspect-square {
    aspect-ratio: 1 / 1;
}

.scroll-m-0 {
    scroll-margin: 0px;
}

.scroll-mx-0 {
    scroll-margin-left: 0px;
    scroll-margin-right: 0px;
}

.scroll-my-0 {
    scroll-margin-top: 0px;
    scroll-margin-bottom: 0px;
}

.scroll-ms-0 {
    scroll-margin-inline-start: 0px;
}

.scroll-me-0 {
    scroll-margin-inline-end: 0px;
}

.scroll-mt-0 {
    scroll-margin-top: 0px;
}

.scroll-mr-0 {
    scroll-margin-right: 0px;
}

.scroll-mb-0 {
    scroll-margin-bottom: 0px;
}

.scroll-ml-0 {
    scroll-margin-left: 0px;
}

.scroll-m-px {
    scroll-margin: 1px;
}

.scroll-mx-px {
    scroll-margin-left: 1px;
    scroll-margin-right: 1px;
}

.scroll-my-px {
    scroll-margin-top: 1px;
    scroll-margin-bottom: 1px;
}

.scroll-ms-px {
    scroll-margin-inline-start: 1px;
}

.scroll-me-px {
    scroll-margin-inline-end: 1px;
}

.scroll-mt-px {
    scroll-margin-top: 1px;
}

.scroll-mr-px {
    scroll-margin-right: 1px;
}

.scroll-mb-px {
    scroll-margin-bottom: 1px;
}

.scroll-ml-px {
    scroll-margin-left: 1px;
}


.scroll-m-0\.5 {
    scroll-margin: 0.125rem;
}

.scroll-mx-0\.5 {
    scroll-margin-left: 0.125rem;
    scroll-margin-right: 0.125rem;
}

.scroll-my-0\.5 {
    scroll-margin-top: 0.125rem;
    scroll-margin-bottom: 0.125rem;
}

.scroll-ms-0\.5 {
    scroll-margin-inline-start: 0.125rem;
}

.scroll-me-0\.5 {
    scroll-margin-inline-end: 0.125rem;
}

.scroll-mt-0\.5 {
    scroll-margin-top: 0.125rem;
}

.scroll-mr-0\.5 {
    scroll-margin-right: 0.125rem;
}

.scroll-mb-0\.5 {
    scroll-margin-bottom: 0.125rem;
}

.scroll-ml-0\.5 {
    scroll-margin-left: 0.125rem;
}

.scroll-m-1 {
    scroll-margin: 0.25rem;
}

.scroll-mx-1 {
    scroll-margin-left: 0.25rem;
    scroll-margin-right: 0.25rem;
}

.scroll-my-1 {
    scroll-margin-top: 0.25rem;
    scroll-margin-bottom: 0.25rem;
}

.scroll-ms-1 {
    scroll-margin-inline-start: 0.25rem;
}

.scroll-me-1 {
    scroll-margin-inline-end: 0.25rem;
}

.scroll-mt-1 {
    scroll-margin-top: 0.25rem;
}

.scroll-mr-1 {
    scroll-margin-right: 0.25rem;
}

.scroll-mb-1 {
    scroll-margin-bottom: 0.25rem;
}

.scroll-ml-1 {
    scroll-margin-left: 0.25rem;
}

.scroll-m-1\.5 {
    scroll-margin: 0.375rem;
}

.scroll-mx-1\.5 {
    scroll-margin-left: 0.375rem;
    scroll-margin-right: 0.375rem;
}

.scroll-my-1\.5 {
    scroll-margin-top: 0.375rem;
    scroll-margin-bottom: 0.375rem;
}

.scroll-ms-1\.5 {
    scroll-margin-inline-start: 0.375rem;
}

.scroll-me-1\.5 {
    scroll-margin-inline-end: 0.375rem;
}

.scroll-mt-1\.5 {
    scroll-margin-top: 0.375rem;
}

.scroll-mr-1\.5 {
    scroll-margin-right: 0.375rem;
}

.scroll-mb-1\.5 {
    scroll-margin-bottom: 0.375rem;
}

.scroll-ml-1\.5 {
    scroll-margin-left: 0.375rem;
}

.scroll-m-2 {
    scroll-margin: 0.5rem;
}

.scroll-mx-2 {
    scroll-margin-left: 0.5rem;
    scroll-margin-right: 0.5rem;
}

.scroll-my-2 {
    scroll-margin-top: 0.5rem;
    scroll-margin-bottom: 0.5rem;
}

.scroll-ms-2 {
    scroll-margin-inline-start: 0.5rem;
}

.scroll-me-2 {
    scroll-margin-inline-end: 0.5rem;
}

.scroll-mt-2 {
    scroll-margin-top: 0.5rem;
}

.scroll-mr-2 {
    scroll-margin-right: 0.5rem;
}

.scroll-mb-2 {
    scroll-margin-bottom: 0.5rem;
}

.scroll-ml-2 {
    scroll-margin-left: 0.5rem;
}

.scroll-m-2\.5 {
    scroll-margin: 0.625rem;
}

.scroll-mx-2\.5 {
    scroll-margin-left: 0.625rem;
    scroll-margin-right: 0.625rem;
}

.scroll-my-2\.5 {
    scroll-margin-top: 0.625rem;
    scroll-margin-bottom: 0.625rem;
}

.scroll-ms-2\.5 {
    scroll-margin-inline-start: 0.625rem;
}

.scroll-me-2\.5 {
    scroll-margin-inline-end: 0.625rem;
}

.scroll-mt-2\.5 {
    scroll-margin-top: 0.625rem;
}

.scroll-mr-2\.5 {
    scroll-margin-right: 0.625rem;
}

.scroll-mb-2\.5 {
    scroll-margin-bottom: 0.625rem;
}

.scroll-ml-2\.5 {
    scroll-margin-left: 0.625rem;
}

.scroll-m-3 {
    scroll-margin: 0.75rem;
}

.scroll-mx-3 {
    scroll-margin-left: 0.75rem;
    scroll-margin-right: 0.75rem;
}

.scroll-my-3 {
    scroll-margin-top: 0.75rem;
    scroll-margin-bottom: 0.75rem;
}

.scroll-ms-3 {
    scroll-margin-inline-start: 0.75rem;
}

.scroll-me-3 {
    scroll-margin-inline-end: 0.75rem;
}

.scroll-mt-3 {
    scroll-margin-top: 0.75rem;
}

.scroll-mr-3 {
    scroll-margin-right: 0.75rem;
}

.scroll-mb-3 {
    scroll-margin-bottom: 0.75rem;
}

.scroll-ml-3 {
    scroll-margin-left: 0.75rem;
}

.scroll-m-3\.5 {
    scroll-margin: 0.875rem;
}

.scroll-mx-3\.5 {
    scroll-margin-left: 0.875rem;
    scroll-margin-right: 0.875rem;
}

.scroll-my-3\.5 {
    scroll-margin-top: 0.875rem;
    scroll-margin-bottom: 0.875rem;
}

.scroll-ms-3\.5 {
    scroll-margin-inline-start: 0.875rem;
}

.scroll-me-3\.5 {
    scroll-margin-inline-end: 0.875rem;
}

.scroll-mt-3\.5 {
    scroll-margin-top: 0.875rem;
}

.scroll-mr-3\.5 {
    scroll-margin-right: 0.875rem;
}

.scroll-mb-3\.5 {
    scroll-margin-bottom: 0.875rem;
}

.scroll-ml-3\.5 {
    scroll-margin-left: 0.875rem;
}

.scroll-m-4 {
    scroll-margin: 1rem;
}

.scroll-mx-4 {
    scroll-margin-left: 1rem;
    scroll-margin-right: 1rem;
}

.scroll-my-4 {
    scroll-margin-top: 1rem;
    scroll-margin-bottom: 1rem;
}

.scroll-ms-4 {
    scroll-margin-inline-start: 1rem;
}

.scroll-me-4 {
    scroll-margin-inline-end: 1rem;
}

.scroll-mt-4 {
    scroll-margin-top: 1rem;
}

.scroll-mr-4 {
    scroll-margin-right: 1rem;
}

.scroll-mb-4 {
    scroll-margin-bottom: 1rem;
}

.scroll-ml-4 {
    scroll-margin-left: 1rem;
}

.scroll-m-5 {
    scroll-margin: 1.25rem;
}

.scroll-mx-5 {
    scroll-margin-left: 1.25rem;
    scroll-margin-right: 1.25rem;
}

.scroll-my-5 {
    scroll-margin-top: 1.25rem;
    scroll-margin-bottom: 1.25rem;
}

.scroll-ms-5 {
    scroll-margin-inline-start: 1.25rem;
}

.scroll-me-5 {
    scroll-margin-inline-end: 1.25rem;
}

.scroll-mt-5 {
    scroll-margin-top: 1.25rem;
}

.scroll-mr-5 {
    scroll-margin-right: 1.25rem;
}

.scroll-mb-5 {
    scroll-margin-bottom: 1.25rem;
}

.scroll-ml-5 {
    scroll-margin-left: 1.25rem;
}

.scroll-m-6 {
    scroll-margin: 1.5rem;
}

.scroll-mx-6 {
    scroll-margin-left: 1.5rem;
    scroll-margin-right: 1.5rem;
}

.scroll-my-6 {
    scroll-margin-top: 1.5rem;
    scroll-margin-bottom: 1.5rem;
}

.scroll-ms-6 {
    scroll-margin-inline-start: 1.5rem;
}

.scroll-me-6 {
    scroll-margin-inline-end: 1.5rem;
}

.scroll-mt-6 {
    scroll-margin-top: 1.5rem;
}

.scroll-mr-6 {
    scroll-margin-right: 1.5rem;
}

.scroll-mb-6 {
    scroll-margin-bottom: 1.5rem;
}

.scroll-ml-6 {
    scroll-margin-left: 1.5rem;
}

.scroll-m-7 {
    scroll-margin: 1.75rem;
}

.scroll-mx-7 {
    scroll-margin-left: 1.75rem;
    scroll-margin-right: 1.75rem;
}

.scroll-my-7 {
    scroll-margin-top: 1.75rem;
    scroll-margin-bottom: 1.75rem;
}

.scroll-ms-7 {
    scroll-margin-inline-start: 1.75rem;
}

.scroll-me-7 {
    scroll-margin-inline-end: 1.75rem;
}

.scroll-mt-7 {
    scroll-margin-top: 1.75rem;
}

.scroll-mr-7 {
    scroll-margin-right: 1.75rem;
}

.scroll-mb-7 {
    scroll-margin-bottom: 1.75rem;
}

.scroll-ml-7 {
    scroll-margin-left: 1.75rem;
}

.scroll-m-8 {
    scroll-margin: 2rem;
}

.scroll-mx-8 {
    scroll-margin-left: 2rem;
    scroll-margin-right: 2rem;
}

.scroll-my-8 {
    scroll-margin-top: 2rem;
    scroll-margin-bottom: 2rem;
}

.scroll-ms-8 {
    scroll-margin-inline-start: 2rem;
}

.scroll-me-8 {
    scroll-margin-inline-end: 2rem;
}

.scroll-mt-8 {
    scroll-margin-top: 2rem;
}

.scroll-mr-8 {
    scroll-margin-right: 2rem;
}

.scroll-mb-8 {
    scroll-margin-bottom: 2rem;
}

.scroll-ml-8 {
    scroll-margin-left: 2rem;
}

.scroll-m-9 {
    scroll-margin: 2.25rem;
}

.scroll-mx-9 {
    scroll-margin-left: 2.25rem;
    scroll-margin-right: 2.25rem;
}

.scroll-my-9 {
    scroll-margin-top: 2.25rem;
    scroll-margin-bottom: 2.25rem;
}

.scroll-ms-9 {
    scroll-margin-inline-start: 2.25rem;
}

.scroll-me-9 {
    scroll-margin-inline-end: 2.25rem;
}

.scroll-mt-9 {
    scroll-margin-top: 2.25rem;
}

.scroll-mr-9 {
    scroll-margin-right: 2.25rem;
}

.scroll-mb-9 {
    scroll-margin-bottom: 2.25rem;
}

.scroll-ml-9 {
    scroll-margin-left: 2.25rem;
}

.scroll-m-10 {
    scroll-margin: 2.5rem;
}

.scroll-mx-10 {
    scroll-margin-left: 2.5rem;
    scroll-margin-right: 2.5rem;
}

.scroll-my-10 {
    scroll-margin-top: 2.5rem;
    scroll-margin-bottom: 2.5rem;
}

.scroll-ms-10 {
    scroll-margin-inline-start: 2.5rem;
}

.scroll-me-10 {
    scroll-margin-inline-end: 2.5rem;
}

.scroll-mt-10 {
    scroll-margin-top: 2.5rem;
}

.scroll-mr-10 {
    scroll-margin-right: 2.5rem;
}

.scroll-mb-10 {
    scroll-margin-bottom: 2.5rem;
}

.scroll-ml-10 {
    scroll-margin-left: 2.5rem;
}

.scroll-m-11 {
    scroll-margin: 2.75rem;
}

.scroll-mx-11 {
    scroll-margin-left: 2.75rem;
    scroll-margin-right: 2.75rem;
}

.scroll-my-11 {
    scroll-margin-top: 2.75rem;
    scroll-margin-bottom: 2.75rem;
}

.scroll-ms-11 {
    scroll-margin-inline-start: 2.75rem;
}

.scroll-me-11 {
    scroll-margin-inline-end: 2.75rem;
}

.scroll-mt-11 {
    scroll-margin-top: 2.75rem;
}

.scroll-mr-11 {
    scroll-margin-right: 2.75rem;
}

.scroll-mb-11 {
    scroll-margin-bottom: 2.75rem;
}

.scroll-ml-11 {
    scroll-margin-left: 2.75rem;
}

.scroll-m-12 {
    scroll-margin: 3rem;
}

.scroll-mx-12 {
    scroll-margin-left: 3rem;
    scroll-margin-right: 3rem;
}

.scroll-my-12 {
    scroll-margin-top: 3rem;
    scroll-margin-bottom: 3rem;
}

.scroll-ms-12 {
    scroll-margin-inline-start: 3rem;
}

.scroll-me-12 {
    scroll-margin-inline-end: 3rem;
}

.scroll-mt-12 {
    scroll-margin-top: 3rem;
}

.scroll-mr-12 {
    scroll-margin-right: 3rem;
}

.scroll-mb-12 {
    scroll-margin-bottom: 3rem;
}

.scroll-ml-12 {
    scroll-margin-left: 3rem;
}

.scroll-m-14 {
    scroll-margin: 3.5rem;
}

.scroll-mx-14 {
    scroll-margin-left: 3.5rem;
    scroll-margin-right: 3.5rem;
}

.scroll-my-14 {
    scroll-margin-top: 3.5rem;
    scroll-margin-bottom: 3.5rem;
}

.scroll-ms-14 {
    scroll-margin-inline-start: 3.5rem;
}

.scroll-me-14 {
    scroll-margin-inline-end: 3.5rem;
}

.scroll-mt-14 {
    scroll-margin-top: 3.5rem;
}

.scroll-mr-14 {
    scroll-margin-right: 3.5rem;
}

.scroll-mb-14 {
    scroll-margin-bottom: 3.5rem;
}

.scroll-ml-14 {
    scroll-margin-left: 3.5rem;
}

.scroll-m-16 {
    scroll-margin: 4rem;
}

.scroll-mx-16 {
    scroll-margin-left: 4rem;
    scroll-margin-right: 4rem;
}

.scroll-my-16 {
    scroll-margin-top: 4rem;
    scroll-margin-bottom: 4rem;
}

.scroll-ms-16 {
    scroll-margin-inline-start: 4rem;
}

.scroll-me-16 {
    scroll-margin-inline-end: 4rem;
}

.scroll-mt-16 {
    scroll-margin-top: 4rem;
}

.scroll-mr-16 {
    scroll-margin-right: 4rem;
}

.scroll-mb-16 {
    scroll-margin-bottom: 4rem;
}

.scroll-ml-16 {
    scroll-margin-left: 4rem;
}

.scroll-m-20 {
    scroll-margin: 5rem;
}

.scroll-mx-20 {
    scroll-margin-left: 5rem;
    scroll-margin-right: 5rem;
}

.scroll-my-20 {
    scroll-margin-top: 5rem;
    scroll-margin-bottom: 5rem;
}

.scroll-ms-20 {
    scroll-margin-inline-start: 5rem;
}

.scroll-me-20 {
    scroll-margin-inline-end: 5rem;
}

.scroll-mt-20 {
    scroll-margin-top: 5rem;
}

.scroll-mr-20 {
    scroll-margin-right: 5rem;
}

.scroll-mb-20 {
    scroll-margin-bottom: 5rem;
}

.scroll-ml-20 {
    scroll-margin-left: 5rem;
}

.scroll-m-24 {
    scroll-margin: 6rem;
}

.scroll-mx-24 {
    scroll-margin-left: 6rem;
    scroll-margin-right: 6rem;
}

.scroll-my-24 {
    scroll-margin-top: 6rem;
    scroll-margin-bottom: 6rem;
}

.scroll-ms-24 {
    scroll-margin-inline-start: 6rem;
}

.scroll-me-24 {
    scroll-margin-inline-end: 6rem;
}

.scroll-mt-24 {
    scroll-margin-top: 6rem;
}

.scroll-mr-24 {
    scroll-margin-right: 6rem;
}

.scroll-mb-24 {
    scroll-margin-bottom: 6rem;
}

.scroll-ml-24 {
    scroll-margin-left: 6rem;
}

.scroll-m-28 {
    scroll-margin: 7rem;
}

.scroll-mx-28 {
    scroll-margin-left: 7rem;
    scroll-margin-right: 7rem;
}

.scroll-my-28 {
    scroll-margin-top: 7rem;
    scroll-margin-bottom: 7rem;
}

.scroll-ms-28 {
    scroll-margin-inline-start: 7rem;
}

.scroll-me-28 {
    scroll-margin-inline-end: 7rem;
}

.scroll-mt-28 {
    scroll-margin-top: 7rem;
}

.scroll-mr-28 {
    scroll-margin-right: 7rem;
}

.scroll-mb-28 {
    scroll-margin-bottom: 7rem;
}

.scroll-ml-28 {
    scroll-margin-left: 7rem;
}

.scroll-m-32 {
    scroll-margin: 8rem;
}

.scroll-mx-32 {
    scroll-margin-left: 8rem;
    scroll-margin-right: 8rem;
}

.scroll-my-32 {
    scroll-margin-top: 8rem;
    scroll-margin-bottom: 8rem;
}

.scroll-ms-32 {
    scroll-margin-inline-start: 8rem;
}

.scroll-me-32 {
    scroll-margin-inline-end: 8rem;
}

.scroll-mt-32 {
    scroll-margin-top: 8rem;
}

.scroll-mr-32 {
    scroll-margin-right: 8rem;
}

.scroll-mb-32 {
    scroll-margin-bottom: 8rem;
}

.scroll-ml-32 {
    scroll-margin-left: 8rem;
}

.scroll-m-36 {
    scroll-margin: 9rem;
}

.scroll-mx-36 {
    scroll-margin-left: 9rem;
    scroll-margin-right: 9rem;
}

.scroll-my-36 {
    scroll-margin-top: 9rem;
    scroll-margin-bottom: 9rem;
}

.scroll-ms-36 {
    scroll-margin-inline-start: 9rem;
}

.scroll-me-36 {
    scroll-margin-inline-end: 9rem;
}

.scroll-mt-36 {
    scroll-margin-top: 9rem;
}

.scroll-mr-36 {
    scroll-margin-right: 9rem;
}

.scroll-mb-36 {
    scroll-margin-bottom: 9rem;
}

.scroll-ml-36 {
    scroll-margin-left: 9rem;
}

.scroll-m-40 {
    scroll-margin: 10rem;
}

.scroll-mx-40 {
    scroll-margin-left: 10rem;
    scroll-margin-right: 10rem;
}

.scroll-my-40 {
    scroll-margin-top: 10rem;
    scroll-margin-bottom: 10rem;
}

.scroll-ms-40 {
    scroll-margin-inline-start: 10rem;
}

.scroll-me-40 {
    scroll-margin-inline-end: 10rem;
}

.scroll-mt-40 {
    scroll-margin-top: 10rem;
}

.scroll-mr-40 {
    scroll-margin-right: 10rem;
}

.scroll-mb-40 {
    scroll-margin-bottom: 10rem;
}

.scroll-ml-40 {
    scroll-margin-left: 10rem;
}

.scroll-m-44 {
    scroll-margin: 11rem;
}

.scroll-mx-44 {
    scroll-margin-left: 11rem;
    scroll-margin-right: 11rem;
}

.scroll-my-44 {
    scroll-margin-top: 11rem;
    scroll-margin-bottom: 11rem;
}

.scroll-ms-44 {
    scroll-margin-inline-start: 11rem;
}

.scroll-me-44 {
    scroll-margin-inline-end: 11rem;
}

.scroll-mt-44 {
    scroll-margin-top: 11rem;
}

.scroll-mr-44 {
    scroll-margin-right: 11rem;
}

.scroll-mb-44 {
    scroll-margin-bottom: 11rem;
}

.scroll-ml-44 {
    scroll-margin-left: 11rem;
}

.scroll-m-48 {
    scroll-margin: 12rem;
}

.scroll-mx-48 {
    scroll-margin-left: 12rem;
    scroll-margin-right: 12rem;
}

.scroll-my-48 {
    scroll-margin-top: 12rem;
    scroll-margin-bottom: 12rem;
}

.scroll-ms-48 {
    scroll-margin-inline-start: 12rem;
}

.scroll-me-48 {
    scroll-margin-inline-end: 12rem;
}

.scroll-mt-48 {
    scroll-margin-top: 12rem;
}

.scroll-mr-48 {
    scroll-margin-right: 12rem;
}

.scroll-mb-48 {
    scroll-margin-bottom: 12rem;
}

.scroll-ml-48 {
    scroll-margin-left: 12rem;
}

.scroll-m-52 {
    scroll-margin: 13rem;
}

.scroll-mx-52 {
    scroll-margin-left: 13rem;
    scroll-margin-right: 13rem;
}

.scroll-my-52 {
    scroll-margin-top: 13rem;
    scroll-margin-bottom: 13rem;
}

.scroll-ms-52 {
    scroll-margin-inline-start: 13rem;
}

.scroll-me-52 {
    scroll-margin-inline-end: 13rem;
}

.scroll-mt-52 {
    scroll-margin-top: 13rem;
}

.scroll-mr-52 {
    scroll-margin-right: 13rem;
}

.scroll-mb-52 {
    scroll-margin-bottom: 13rem;
}

.scroll-ml-52 {
    scroll-margin-left: 13rem;
}

.scroll-m-56 {
    scroll-margin: 14rem;
}

.scroll-mx-56 {
    scroll-margin-left: 14rem;
    scroll-margin-right: 14rem;
}

.scroll-my-56 {
    scroll-margin-top: 14rem;
    scroll-margin-bottom: 14rem;
}

.scroll-ms-56 {
    scroll-margin-inline-start: 14rem;
}

.scroll-me-56 {
    scroll-margin-inline-end: 14rem;
}

.scroll-mt-56 {
    scroll-margin-top: 14rem;
}

.scroll-mr-56 {
    scroll-margin-right: 14rem;
}

.scroll-mb-56 {
    scroll-margin-bottom: 14rem;
}

.scroll-ml-56 {
    scroll-margin-left: 14rem;
}

.scroll-m-60 {
    scroll-margin: 15rem;
}

.scroll-mx-60 {
    scroll-margin-left: 15rem;
    scroll-margin-right: 15rem;
}

.scroll-my-60 {
    scroll-margin-top: 15rem;
    scroll-margin-bottom: 15rem;
}

.scroll-ms-60 {
    scroll-margin-inline-start: 15rem;
}

.scroll-me-60 {
    scroll-margin-inline-end: 15rem;
}

.scroll-mt-60 {
    scroll-margin-top: 15rem;
}

.scroll-mr-60 {
    scroll-margin-right: 15rem;
}

.scroll-mb-60 {
    scroll-margin-bottom: 15rem;
}

.scroll-ml-60 {
    scroll-margin-left: 15rem;
}

.scroll-m-64 {
    scroll-margin: 16rem;
}

.scroll-mx-64 {
    scroll-margin-left: 16rem;
    scroll-margin-right: 16rem;
}

.scroll-my-64 {
    scroll-margin-top: 16rem;
    scroll-margin-bottom: 16rem;
}

.scroll-ms-64 {
    scroll-margin-inline-start: 16rem;
}

.scroll-me-64 {
    scroll-margin-inline-end: 16rem;
}

.scroll-mt-64 {
    scroll-margin-top: 16rem;
}

.scroll-mr-64 {
    scroll-margin-right: 16rem;
}

.scroll-mb-64 {
    scroll-margin-bottom: 16rem;
}

.scroll-ml-64 {
    scroll-margin-left: 16rem;
}

.scroll-m-72 {
    scroll-margin: 18rem;
}

.scroll-mx-72 {
    scroll-margin-left: 18rem;
    scroll-margin-right: 18rem;
}

.scroll-my-72 {
    scroll-margin-top: 18rem;
    scroll-margin-bottom: 18rem;
}

.scroll-ms-72 {
    scroll-margin-inline-start: 18rem;
}

.scroll-me-72 {
    scroll-margin-inline-end: 18rem;
}

.scroll-mt-72 {
    scroll-margin-top: 18rem;
}

.scroll-mr-72 {
    scroll-margin-right: 18rem;
}

.scroll-mb-72 {
    scroll-margin-bottom: 18rem;
}

.scroll-ml-72 {
    scroll-margin-left: 18rem;
}

.scroll-m-80 {
    scroll-margin: 20rem;
}

.scroll-mx-80 {
    scroll-margin-left: 20rem;
    scroll-margin-right: 20rem;
}

.scroll-my-80 {
    scroll-margin-top: 20rem;
    scroll-margin-bottom: 20rem;
}

.scroll-ms-80 {
    scroll-margin-inline-start: 20rem;
}

.scroll-me-80 {
    scroll-margin-inline-end: 20rem;
}

.scroll-mt-80 {
    scroll-margin-top: 20rem;
}

.scroll-mr-80 {
    scroll-margin-right: 20rem;
}

.scroll-mb-80 {
    scroll-margin-bottom: 20rem;
}

.scroll-ml-80 {
    scroll-margin-left: 20rem;
}

.scroll-m-96 {
    scroll-margin: 24rem;
}

.scroll-mx-96 {
    scroll-margin-left: 24rem;
    scroll-margin-right: 24rem;
}

.scroll-my-96 {
    scroll-margin-top: 24rem;
    scroll-margin-bottom: 24rem;
}

.scroll-ms-96 {
    scroll-margin-inline-start: 24rem;
}

.scroll-me-96 {
    scroll-margin-inline-end: 24rem;
}

.scroll-mt-96 {
    scroll-margin-top: 24rem;
}

.scroll-mr-96 {
    scroll-margin-right: 24rem;
}

.scroll-mb-96 {
    scroll-margin-bottom: 24rem;
}

.scroll-ml-96 {
    scroll-margin-left: 24rem;
}

.offcanvas-backdrop.show {
    opacity: 1;
}

.offcanvas-backdrop {
    background-color: rgba(0, 0, 0, 0.47) !important;
    backdrop-filter: blur(10px) !important;
}

.offcanvas.offcanvas-end,
.offcanvas.offcanvas-start {
    height: 100% !important;
}

.offcanvas-header .close {
    position: absolute;
    top: 1rem;
    right: 1rem;
}

.offcanvas-title {
    font-size: 1.125rem !important;
    line-height: 1.75rem !important;
    font-weight: 600;
}

.grid {
    display: grid;
}

.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.p-0\.75rem {
    padding: .75rem;
}

.InputOTP,
.InputOTPGroup {
    display: flex;
}

.InputOTPGroup input:first-child {
    border-top-left-radius: calc(var(--radius) - 2px);
    border-bottom-left-radius: calc(var(--radius) - 2px);
}

.InputOTPGroup input:last-child {
    border-top-right-radius: calc(var(--radius) - 2px);
    border-bottom-right-radius: calc(var(--radius) - 2px);
    border-right-width: 1px;
}

.InputOTP {
    gap: .5rem;
}

.InputOTP input {
    text-align: center;
    font-size: .875rem;
    line-height: 1.25rem;
    border-color: var(--input);
    background-color: var(--background);
    color: var(--foreground);
    border-right-width: 0px;
    border-bottom-width: 1px;
    border-top-width: 1px;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 0px;
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.InputOTP input:focus {
    outline: 1px solid var(--ring);
    position: relative;
    border: none;
    z-index: 1;
    background-color: var(--background);
    color: var(--foreground);
    box-shadow: 0 0 0 1px white, 0 0 0 1px var(--ring);
}

.InputOTPSeparator {
    display: flex;
    align-items: center;
    justify-content: center;
}

.menubar {
    box-sizing: border-box;
    padding: .25rem;
    background-color: var(--background);
    border-radius: calc(var(--radius) - 2px);
    flex-wrap: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-li a {
    font-size: 14px !important;
    font-weight: 500;
    padding: .25rem .75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: default;
}

.menubar li.hover-effect {
    border-radius: 4px;
    background-color: #F4F4F5 !important;
}

body.dark .menubar li.hover-effect {
    background-color: #262629 !important;
}

.menubar li a:link,
.menubar li a:visited,
.menubar li a:active {
    color: var(--primary);
}

.icon-menubar {
    font-size: 0.5rem;
}

.is-visible-icon {
    visibility: visible;
}

.not-visible-icon {
    visibility: hidden;
}

/* Range input settings for Chrome and others. */
input[type="range"] {
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    cursor: default;
    width: 100%;
}

input[type="range"]:focus {
    outline: none;
}

input[type="range"]::-webkit-slider-runnable-track {
    background: linear-gradient(to right,
            var(--primary) 0%,
            var(--primary) var(--range-value),
            var(--secondary) var(--range-value),
            var(--secondary) 100%);
    height: 0.5rem;
    border-radius: 5px;
}

input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    background-color: var(--background);
    width: 1.2rem;
    height: 1.2rem;
    margin-top: -5px;
    border: 2px solid var(--primary);
    border-radius: 50%;
}

/* Range input settings for Mozilla Firefox. */
input[type="range"]::-moz-range-track {
    background: linear-gradient(to right,
            var(--primary) 0%,
            var(--primary) var(--range-value),
            var(--secondary) var(--range-value),
            var(--secondary) 100%);
    height: 0.5rem;
    border-radius: 5px;
}

input[type="range"]::-moz-range-thumb {
    background-color: var(--background);
    width: 1.1rem;
    height: 1.1rem;
    border: 2px solid var(--primary);
    border-radius: 50%;
}

.border-context-menu {
    border: 1px dashed #E4E4E7 !important;
}

body.dark .border-context-menu {
    border-color: #27272A !important;
}

.min-wh-content-menu {
    min-width: 16rem;
}

.min-wh-submenu {
    min-width: 12rem;

}

.fade-sh {
    background: linear-gradient(180deg, var(--background) 15%, rgba(255, 255, 255, 0) 100%);
    position: fixed;
    width: 100%;
    height: 100px;
    left: 0;
    top: 33px;
}

/* ************************************** PAINEL CSS ************************************** */

#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #FFFFFF;

    -webkit-animation: spin 2s linear infinite;
    /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 2s linear infinite;
    /* Chrome, Firefox 16+, IE 10+, Opera */

    z-index: 1001;
}

#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #FFFFFF;

    -webkit-animation: spin 3s linear infinite;
    /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 3s linear infinite;
    /* Chrome, Firefox 16+, IE 10+, Opera */
}

#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #FFFFFF;

    -webkit-animation: spin 1.5s linear infinite;
    /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 1.5s linear infinite;
    /* Chrome, Firefox 16+, IE 10+, Opera */
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);
        /* IE 9 */
        transform: rotate(0deg);
        /* Firefox 16+, IE 10+, Opera */
    }

    100% {
        -webkit-transform: rotate(360deg);
        /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);
        /* IE 9 */
        transform: rotate(360deg);
        /* Firefox 16+, IE 10+, Opera */
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);
        /* IE 9 */
        transform: rotate(0deg);
        /* Firefox 16+, IE 10+, Opera */
    }

    100% {
        -webkit-transform: rotate(360deg);
        /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);
        /* IE 9 */
        transform: rotate(360deg);
        /* Firefox 16+, IE 10+, Opera */
    }
}

#loader {
    opacity: 1;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background-color: var(--primary-brand-opacity);
}

body:has(#loader-wrapper:not(.stopped)) {
    overflow: hidden;
}

.lds-roller,
.lds-roller div,
.lds-roller div:after {
    box-sizing: border-box;
}

.lds-roller {
    display: inline-block;
    position: absolute;
    width: 80px;
    height: 80px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.lds-roller div {
    animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    transform-origin: 40px 40px;
}

.lds-roller div:after {
    content: " ";
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: white;
    margin: -3.6px 0 0 -3.6px;
}

.lds-roller div:nth-child(1) {
    animation-delay: -0.036s;
}

.lds-roller div:nth-child(1):after {
    top: 62.62742px;
    left: 62.62742px;
}

.lds-roller div:nth-child(2) {
    animation-delay: -0.072s;
}

.lds-roller div:nth-child(2):after {
    top: 67.71281px;
    left: 56px;
}

.lds-roller div:nth-child(3) {
    animation-delay: -0.108s;
}

.lds-roller div:nth-child(3):after {
    top: 70.90963px;
    left: 48.28221px;
}

.lds-roller div:nth-child(4) {
    animation-delay: -0.144s;
}

.lds-roller div:nth-child(4):after {
    top: 72px;
    left: 40px;
}

.lds-roller div:nth-child(5) {
    animation-delay: -0.18s;
}

.lds-roller div:nth-child(5):after {
    top: 70.90963px;
    left: 31.71779px;
}

.lds-roller div:nth-child(6) {
    animation-delay: -0.216s;
}

.lds-roller div:nth-child(6):after {
    top: 67.71281px;
    left: 24px;
}

.lds-roller div:nth-child(7) {
    animation-delay: -0.252s;
}

.lds-roller div:nth-child(7):after {
    top: 62.62742px;
    left: 17.37258px;
}

.lds-roller div:nth-child(8) {
    animation-delay: -0.288s;
}

.lds-roller div:nth-child(8):after {
    top: 56px;
    left: 12.28719px;
}

@keyframes lds-roller {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.stopped#loader-wrapper {
    visibility: hidden;

    -webkit-transform: translateY(-100%);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateY(-100%);
    /* IE 9 */
    transform: translateY(-100%);
    /* Firefox 16+, IE 10+, Opera */

    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

/* ------------------------- STYLE COLORS ------------------------ */

.pcr-app[data-theme=monolith] {
    width: 100% !important;
    background-color: transparent !important;
    padding: 0 !important;
}

.pcr-app .pcr-interaction {
    justify-content: end !important;
}

.pcr-app .pcr-interaction .pcr-type.active {
    background-color: var(--primary-brand) !important;
}

.pcr-app .pcr-interaction input:focus {
    box-shadow: none !important;
}

.pcr-app .pcr-interaction .pcr-result,
.pcr-app .pcr-interaction input {
    background-color: transparent !important;
    border-radius: 6px !important;
}

.pcr-app .pcr-interaction .pcr-clear,
.pcr-app .pcr-interaction .pcr-cancel {
    background: var(--destructive) !important;
}

.justify-content-center {
    justify-content: center;
}

/******************* Dropzone Area *******************/

.dropzone-area {
    border: 2px dashed var(--border);
    border-radius: 10px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 10px;
    position: relative;
    transition: all 0.3s ease;
    height: fit-content;
    min-height: 180px;
}

.dropzone-area:hover {
    border: 2px dashed #033dde;
    background-color: rgba(3, 61, 222, 0.1);
    transition: all 0.3s ease;
}

.dropzone-area:hover * {
    color: #002ca5 !important;
}

.dropzone-area.dragover {
    border: 2px dashed #033dde;
    background-color: rgba(3, 61, 222, 0.2);
    transform: scale(1.02);
    transition: all 0.3s ease;
}

.dropzone-area.dragover * {
    color: #002ca5 !important;
}

.dropzone-area input {
    opacity: 0;
    width: 100%;
    height: 100%;
    min-height: 180px;
    z-index: 1;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
}

.dropzone-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    display: flex;
}

.dropzone-file {
    display: none;
    width: 100%;
    height: fit-content;
    z-index: 2;
    flex-direction: column;
    padding: 8px;
}

.file-item:not(:last-child) {
    margin-bottom: 8px;
}

/*******************End Style Load*******************/

.edit-content-header {
    z-index: 100;
    backdrop-filter: blur(10px);
}

@media only screen and (max-width: 992px) {
    .login-page .container-fluid {
        position: absolute;
        inset: 0;
        height: 100%;
        width: 100%;
        background-image: radial-gradient(#e5e7eb 1px, transparent 1px);
        background-size: 30px 30px;
    }

    body.dark .login-page .container-fluid {
        position: absolute;
        inset: 0;
        height: 100%;
        width: 100%;
        background-image: radial-gradient(#252525 1px, transparent 1px);
        background-size: 30px 30px;
    }

    .login-page .col-lg-8 {
        display: none;
    }

    .login-page {
        height: 100% !important;
        position: absolute;
        width: 100%;
        left: 0;
        top: 0;
        overflow: hidden;
    }

    .col-12-1230-50 {
        width: 100%;
    }

    .col-12-1230-100 {
        width: 100%;
    }

    .w-md-100 {
        width: 100% !important;
    }

    .m-pd {
        padding: .15rem !important;
    }
}

@media only screen and (max-width: 743px) {
    .my-plans-card {
        height: fit-content;
    }
}

.bg-white-login {
    min-height: 100vh;
    height: 100%;
    display: flex;
    background-size: cover;
    background-position: center center;
    background-repeat: repeat;
    background-image: url("data:image/svg+xml;utf8,%3Csvg viewBox=%220 0 2000 1400%22 xmlns=%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cmask id=%22b%22 x=%220%22 y=%220%22 width=%222000%22 height=%221400%22%3E%3Cpath fill=%22url(%23a)%22 d=%22M0 0h2000v1400H0z%22%2F%3E%3C%2Fmask%3E%3Cpath fill=%22%23fff%22 d=%22M0 0h2000v1400H0z%22%2F%3E%3Cg style=%22transform-origin:center center%22 stroke=%22%23e0e8ff%22 mask=%22url(%23b)%22%3E%3Cpath fill=%22none%22 d=%22M0 0h86.957v86.957H0zM86.957 0h86.957v86.957H86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M173.913 0h86.957v86.957h-86.957zM260.87 0h86.957v86.957H260.87z%22%2F%3E%3Cpath fill=%22none%22 d=%22M347.826 0h86.957v86.957h-86.957zM434.783 0h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M521.739 0h86.957v86.957h-86.957zM608.696 0h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M695.652 0h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8fff2%22 d=%22M782.609 0h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M869.565 0h86.957v86.957h-86.957zM956.522 0h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff9a%22 d=%22M1043.478 0h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1130.435 0h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1217.391 0h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff2d%22 d=%22M1304.348 0h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ffec%22 d=%22M1391.304 0h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1478.261 0h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1565.217 0h86.957v86.957h-86.957zM1652.174 0h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1739.13 0h86.957v86.957h-86.957zM1826.087 0h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1913.043 0H2000v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff78%22 d=%22M0 86.957h86.957v86.957H0z%22%2F%3E%3Cpath fill=%22%23e0e8ff2b%22 d=%22M86.957 86.957h86.957v86.957H86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M173.913 86.957h86.957v86.957h-86.957zM260.87 86.957h86.957v86.957H260.87z%22%2F%3E%3Cpath fill=%22none%22 d=%22M347.826 86.957h86.957v86.957h-86.957zM434.783 86.957h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff35%22 d=%22M521.739 86.957h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M608.696 86.957h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M695.652 86.957h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ffe9%22 d=%22M782.609 86.957h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M869.565 86.957h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff66%22 d=%22M956.522 86.957h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff15%22 d=%22M1043.478 86.957h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1130.435 86.957h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff0e%22 d=%22M1217.391 86.957h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8fff4%22 d=%22M1304.348 86.957h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1391.304 86.957h86.957v86.957h-86.957zM1478.261 86.957h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1565.217 86.957h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff6f%22 d=%22M1652.174 86.957h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1739.13 86.957h86.957v86.957h-86.957zM1826.087 86.957h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1913.043 86.957H2000v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff61%22 d=%22M0 173.913h86.957v86.957H0z%22%2F%3E%3Cpath fill=%22%23e0e8ff99%22 d=%22M86.957 173.913h86.957v86.957H86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M173.913 173.913h86.957v86.957h-86.957zM260.87 173.913h86.957v86.957H260.87z%22%2F%3E%3Cpath fill=%22none%22 d=%22M347.826 173.913h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ffa3%22 d=%22M434.783 173.913h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M521.739 173.913h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff45%22 d=%22M608.696 173.913h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff0f%22 d=%22M695.652 173.913h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M782.609 173.913h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ffac%22 d=%22M869.565 173.913h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff81%22 d=%22M956.522 173.913h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff44%22 d=%22M1043.478 173.913h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1130.435 173.913h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1217.391 173.913h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ffd7%22 d=%22M1304.348 173.913h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1391.304 173.913h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff3e%22 d=%22M1478.261 173.913h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff5c%22 d=%22M1565.217 173.913h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ffd2%22 d=%22M1652.174 173.913h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1739.13 173.913h86.957v86.957h-86.957zM1826.087 173.913h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1913.043 173.913H2000v86.957h-86.957zM0 260.87h86.957v86.957H0zM86.957 260.87h86.957v86.957H86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M173.913 260.87h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff9f%22 d=%22M260.87 260.87h86.957v86.957H260.87z%22%2F%3E%3Cpath fill=%22none%22 d=%22M347.826 260.87h86.957v86.957h-86.957zM434.783 260.87h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff16%22 d=%22M521.739 260.87h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M608.696 260.87h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff32%22 d=%22M695.652 260.87h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ffc6%22 d=%22M782.609 260.87h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M869.565 260.87h86.957v86.957h-86.957zM956.522 260.87h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff7e%22 d=%22M1043.478 260.87h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1130.435 260.87h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff41%22 d=%22M1217.391 260.87h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1304.348 260.87h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1391.304 260.87h86.957v86.957h-86.957zM1478.261 260.87h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1565.217 260.87h86.957v86.957h-86.957zM1652.174 260.87h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1739.13 260.87h86.957v86.957h-86.957zM1826.087 260.87h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1913.043 260.87H2000v86.957h-86.957zM0 347.826h86.957v86.957H0z%22%2F%3E%3Cpath fill=%22%23e0e8ffbb%22 d=%22M86.957 347.826h86.957v86.957H86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M173.913 347.826h86.957v86.957h-86.957zM260.87 347.826h86.957v86.957H260.87z%22%2F%3E%3Cpath fill=%22%23e0e8ff67%22 d=%22M347.826 347.826h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M434.783 347.826h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M521.739 347.826h86.957v86.957h-86.957zM608.696 347.826h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M695.652 347.826h86.957v86.957h-86.957zM782.609 347.826h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff2c%22 d=%22M869.565 347.826h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M956.522 347.826h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff69%22 d=%22M1043.478 347.826h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff0e%22 d=%22M1130.435 347.826h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1217.391 347.826h86.957v86.957h-86.957zM1304.348 347.826h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1391.304 347.826h86.957v86.957h-86.957zM1478.261 347.826h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1565.217 347.826h86.957v86.957h-86.957zM1652.174 347.826h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1739.13 347.826h86.957v86.957h-86.957zM1826.087 347.826h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1913.043 347.826H2000v86.957h-86.957zM0 434.783h86.957v86.957H0zM86.957 434.783h86.957v86.957H86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M173.913 434.783h86.957v86.957h-86.957zM260.87 434.783h86.957v86.957H260.87z%22%2F%3E%3Cpath fill=%22none%22 d=%22M347.826 434.783h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ffec%22 d=%22M434.783 434.783h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M521.739 434.783h86.957v86.957h-86.957zM608.696 434.783h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M695.652 434.783h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ffad%22 d=%22M782.609 434.783h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M869.565 434.783h86.957v86.957h-86.957zM956.522 434.783h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff1b%22 d=%22M1043.478 434.783h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1130.435 434.783h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1217.391 434.783h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ffec%22 d=%22M1304.348 434.783h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1391.304 434.783h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ffca%22 d=%22M1478.261 434.783h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1565.217 434.783h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ffef%22 d=%22M1652.174 434.783h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff39%22 d=%22M1739.13 434.783h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1826.087 434.783h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1913.043 434.783H2000v86.957h-86.957zM0 521.739h86.957v86.957H0zM86.957 521.739h86.957v86.957H86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M173.913 521.739h86.957v86.957h-86.957zM260.87 521.739h86.957v86.957H260.87z%22%2F%3E%3Cpath fill=%22%23e0e8ff96%22 d=%22M347.826 521.739h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M434.783 521.739h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ffcf%22 d=%22M521.739 521.739h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8fff6%22 d=%22M608.696 521.739h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M695.652 521.739h86.957v86.957h-86.957zM782.609 521.739h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M869.565 521.739h86.957v86.957h-86.957zM956.522 521.739h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1043.478 521.739h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff76%22 d=%22M1130.435 521.739h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1217.391 521.739h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff2e%22 d=%22M1304.348 521.739h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1391.304 521.739h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ffc8%22 d=%22M1478.261 521.739h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1565.217 521.739h86.957v86.957h-86.957zM1652.174 521.739h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1739.13 521.739h86.957v86.957h-86.957zM1826.087 521.739h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ffe6%22 d=%22M1913.043 521.739H2000v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M0 608.696h86.957v86.957H0zM86.957 608.696h86.957v86.957H86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M173.913 608.696h86.957v86.957h-86.957zM260.87 608.696h86.957v86.957H260.87z%22%2F%3E%3Cpath fill=%22%23e0e8ff20%22 d=%22M347.826 608.696h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M434.783 608.696h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M521.739 608.696h86.957v86.957h-86.957zM608.696 608.696h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M695.652 608.696h86.957v86.957h-86.957zM782.609 608.696h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff86%22 d=%22M869.565 608.696h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M956.522 608.696h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1043.478 608.696h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ffed%22 d=%22M1130.435 608.696h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff53%22 d=%22M1217.391 608.696h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff5f%22 d=%22M1304.348 608.696h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff5a%22 d=%22M1391.304 608.696h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1478.261 608.696h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff63%22 d=%22M1565.217 608.696h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1652.174 608.696h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1739.13 608.696h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff86%22 d=%22M1826.087 608.696h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1913.043 608.696H2000v86.957h-86.957zM0 695.652h86.957v86.957H0zM86.957 695.652h86.957v86.957H86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff0f%22 d=%22M173.913 695.652h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M260.87 695.652h86.957v86.957H260.87z%22%2F%3E%3Cpath fill=%22%23e0e8ffa8%22 d=%22M347.826 695.652h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M434.783 695.652h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M521.739 695.652h86.957v86.957h-86.957zM608.696 695.652h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff0f%22 d=%22M695.652 695.652h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ffa0%22 d=%22M782.609 695.652h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M869.565 695.652h86.957v86.957h-86.957zM956.522 695.652h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1043.478 695.652h86.957v86.957h-86.957zM1130.435 695.652h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1217.391 695.652h86.957v86.957h-86.957zM1304.348 695.652h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1391.304 695.652h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ffff%22 d=%22M1478.261 695.652h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1565.217 695.652h86.957v86.957h-86.957zM1652.174 695.652h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1739.13 695.652h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff23%22 d=%22M1826.087 695.652h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1913.043 695.652H2000v86.957h-86.957zM0 782.609h86.957v86.957H0zM86.957 782.609h86.957v86.957H86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M173.913 782.609h86.957v86.957h-86.957zM260.87 782.609h86.957v86.957H260.87z%22%2F%3E%3Cpath fill=%22none%22 d=%22M347.826 782.609h86.957v86.957h-86.957zM434.783 782.609h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M521.739 782.609h86.957v86.957h-86.957zM608.696 782.609h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M695.652 782.609h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff94%22 d=%22M782.609 782.609h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff5e%22 d=%22M869.565 782.609h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M956.522 782.609h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1043.478 782.609h86.957v86.957h-86.957zM1130.435 782.609h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff76%22 d=%22M1217.391 782.609h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1304.348 782.609h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1391.304 782.609h86.957v86.957h-86.957zM1478.261 782.609h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ffbe%22 d=%22M1565.217 782.609h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1652.174 782.609h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff2e%22 d=%22M1739.13 782.609h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1826.087 782.609h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1913.043 782.609H2000v86.957h-86.957zM0 869.565h86.957v86.957H0zM86.957 869.565h86.957v86.957H86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M173.913 869.565h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ffcc%22 d=%22M260.87 869.565h86.957v86.957H260.87z%22%2F%3E%3Cpath fill=%22none%22 d=%22M347.826 869.565h86.957v86.957h-86.957zM434.783 869.565h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff9b%22 d=%22M521.739 869.565h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff35%22 d=%22M608.696 869.565h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M695.652 869.565h86.957v86.957h-86.957zM782.609 869.565h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff52%22 d=%22M869.565 869.565h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff42%22 d=%22M956.522 869.565h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1043.478 869.565h86.957v86.957h-86.957zM1130.435 869.565h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1217.391 869.565h86.957v86.957h-86.957zM1304.348 869.565h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff81%22 d=%22M1391.304 869.565h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1478.261 869.565h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1565.217 869.565h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff4f%22 d=%22M1652.174 869.565h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1739.13 869.565h86.957v86.957h-86.957zM1826.087 869.565h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ffc3%22 d=%22M1913.043 869.565H2000v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M0 956.522h86.957v86.957H0zM86.957 956.522h86.957v86.957H86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M173.913 956.522h86.957v86.957h-86.957zM260.87 956.522h86.957v86.957H260.87z%22%2F%3E%3Cpath fill=%22none%22 d=%22M347.826 956.522h86.957v86.957h-86.957zM434.783 956.522h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff05%22 d=%22M521.739 956.522h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M608.696 956.522h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff1b%22 d=%22M695.652 956.522h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M782.609 956.522h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M869.565 956.522h86.957v86.957h-86.957zM956.522 956.522h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1043.478 956.522h86.957v86.957h-86.957zM1130.435 956.522h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1217.391 956.522h86.957v86.957h-86.957zM1304.348 956.522h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1391.304 956.522h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ffa7%22 d=%22M1478.261 956.522h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1565.217 956.522h86.957v86.957h-86.957zM1652.174 956.522h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1739.13 956.522h86.957v86.957h-86.957zM1826.087 956.522h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1913.043 956.522H2000v86.957h-86.957zM0 1043.478h86.957v86.957H0zM86.957 1043.478h86.957v86.957H86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M173.913 1043.478h86.957v86.957h-86.957zM260.87 1043.478h86.957v86.957H260.87z%22%2F%3E%3Cpath fill=%22none%22 d=%22M347.826 1043.478h86.957v86.957h-86.957zM434.783 1043.478h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M521.739 1043.478h86.957v86.957h-86.957zM608.696 1043.478h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M695.652 1043.478h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff52%22 d=%22M782.609 1043.478h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M869.565 1043.478h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8fffc%22 d=%22M956.522 1043.478h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1043.478 1043.478h86.957v86.957h-86.957zM1130.435 1043.478h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1217.391 1043.478h86.957v86.957h-86.957zM1304.348 1043.478h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1391.304 1043.478h86.957v86.957h-86.957zM1478.261 1043.478h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1565.217 1043.478h86.957v86.957h-86.957zM1652.174 1043.478h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1739.13 1043.478h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ffb7%22 d=%22M1826.087 1043.478h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1913.043 1043.478H2000v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff97%22 d=%22M0 1130.435h86.957v86.957H0z%22%2F%3E%3Cpath fill=%22none%22 d=%22M86.957 1130.435h86.957v86.957H86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M173.913 1130.435h86.957v86.957h-86.957zM260.87 1130.435h86.957v86.957H260.87z%22%2F%3E%3Cpath fill=%22none%22 d=%22M347.826 1130.435h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff04%22 d=%22M434.783 1130.435h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M521.739 1130.435h86.957v86.957h-86.957zM608.696 1130.435h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M695.652 1130.435h86.957v86.957h-86.957zM782.609 1130.435h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M869.565 1130.435h86.957v86.957h-86.957zM956.522 1130.435h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff4b%22 d=%22M1043.478 1130.435h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1130.435 1130.435h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1217.391 1130.435h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff2d%22 d=%22M1304.348 1130.435h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1391.304 1130.435h86.957v86.957h-86.957zM1478.261 1130.435h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1565.217 1130.435h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ffae%22 d=%22M1652.174 1130.435h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ffc9%22 d=%22M1739.13 1130.435h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ffac%22 d=%22M1826.087 1130.435h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1913.043 1130.435H2000v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff02%22 d=%22M0 1217.391h86.957v86.957H0z%22%2F%3E%3Cpath fill=%22none%22 d=%22M86.957 1217.391h86.957v86.957H86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M173.913 1217.391h86.957v86.957h-86.957zM260.87 1217.391h86.957v86.957H260.87z%22%2F%3E%3Cpath fill=%22none%22 d=%22M347.826 1217.391h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ffc9%22 d=%22M434.783 1217.391h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M521.739 1217.391h86.957v86.957h-86.957zM608.696 1217.391h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M695.652 1217.391h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ffac%22 d=%22M782.609 1217.391h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff24%22 d=%22M869.565 1217.391h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M956.522 1217.391h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1043.478 1217.391h86.957v86.957h-86.957zM1130.435 1217.391h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1217.391 1217.391h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff60%22 d=%22M1304.348 1217.391h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff07%22 d=%22M1391.304 1217.391h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff94%22 d=%22M1478.261 1217.391h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff81%22 d=%22M1565.217 1217.391h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1652.174 1217.391h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1739.13 1217.391h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ffd0%22 d=%22M1826.087 1217.391h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1913.043 1217.391H2000v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff8f%22 d=%22M0 1304.348h86.957v86.957H0z%22%2F%3E%3Cpath fill=%22none%22 d=%22M86.957 1304.348h86.957v86.957H86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff02%22 d=%22M173.913 1304.348h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M260.87 1304.348h86.957v86.957H260.87z%22%2F%3E%3Cpath fill=%22none%22 d=%22M347.826 1304.348h86.957v86.957h-86.957zM434.783 1304.348h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ffa8%22 d=%22M521.739 1304.348h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M608.696 1304.348h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M695.652 1304.348h86.957v86.957h-86.957zM782.609 1304.348h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M869.565 1304.348h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ffc9%22 d=%22M956.522 1304.348h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1043.478 1304.348h86.957v86.957h-86.957zM1130.435 1304.348h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1217.391 1304.348h86.957v86.957h-86.957zM1304.348 1304.348h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1391.304 1304.348h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff2a%22 d=%22M1478.261 1304.348h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ffa3%22 d=%22M1565.217 1304.348h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff5c%22 d=%22M1652.174 1304.348h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1739.13 1304.348h86.957v86.957h-86.957zM1826.087 1304.348h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff92%22 d=%22M1913.043 1304.348H2000v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff96%22 d=%22M0 1391.304h86.957v86.957H0z%22%2F%3E%3Cpath fill=%22none%22 d=%22M86.957 1391.304h86.957v86.957H86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M173.913 1391.304h86.957v86.957h-86.957zM260.87 1391.304h86.957v86.957H260.87z%22%2F%3E%3Cpath fill=%22%23e0e8fff1%22 d=%22M347.826 1391.304h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M434.783 1391.304h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ffbf%22 d=%22M521.739 1391.304h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M608.696 1391.304h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ffeb%22 d=%22M695.652 1391.304h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M782.609 1391.304h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M869.565 1391.304h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff7f%22 d=%22M956.522 1391.304h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1043.478 1391.304h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ffe6%22 d=%22M1130.435 1391.304h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1217.391 1391.304h86.957v86.957h-86.957zM1304.348 1391.304h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff41%22 d=%22M1391.304 1391.304h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1478.261 1391.304h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1565.217 1391.304h86.957v86.957h-86.957zM1652.174 1391.304h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1739.13 1391.304h86.957v86.957h-86.957zM1826.087 1391.304h86.957v86.957h-86.957z%22%2F%3E%3Cpath fill=%22%23e0e8ff8b%22 d=%22M1913.043 1391.304H2000v86.957h-86.957z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CradialGradient id=%22a%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22 stop-opacity=%22.916%22%2F%3E%3Cstop offset=%2293%25%22 stop-color=%22%23fff%22 stop-opacity=%220%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
}

.bg-register {
    min-height: 100vh;
    height: 100%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.bg-destak-cadastro {
    background-image: url("../img/register.webp");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px;
    height: 98%;
    width: 98%;
    border-radius: 10px;
}

.card {
    background-color: var(--background);
    border: 1px solid var(--border);
    padding: 24px;
}

.card.card-dashed {
    border: 2px dashed var(--border) !important;
}

.formCreditCard .card svg.pe-2 {
    fill: #243267;
}

body.dark .card svg.pe-2 {
    fill: #FFF;
}

.switch {
    display: flex;
    justify-content: start;
    align-items: center;
    cursor: pointer;
    flex-direction: column;
    gap: 10px;
}

.row,
.row:focus-visible {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
}

.switch.row {
    flex-direction: row;
}

.switch .switch-text {
    padding-right: 0.3rem;
}

.switch .switch-wrapper {
    display: inline-block;
    min-width: 44px;
    height: 25px;
    position: relative;
}

.switch .switch-content {
    gap: 10px;
    display: flex;
    align-items: center;
}

.switch .switch-wrapper .switch-button {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 40px;
    background-color: var(--quartenary);
}

.switch .switch-wrapper .switch-button::before {
    content: "";
    width: 21px;
    height: 21px;
    border-radius: 50%;
    position: absolute;
    left: 2px !important;
    bottom: 2px !important;
    background-color: var(--background);
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    box-shadow: none !important;
}

.switch .switch-wrapper input:checked+.switch-button {
    background-color: #31D259;
}

.switch .switch-wrapper input:checked+.switch-button::before {
    transform: translateX(19px);
    background-color: white;
}

.switch .switch-wrapper input {
    opacity: 0;
    width: 0;
    height: 0;
}

#form-selecao-arquivos {
    display: flex;
    flex-direction: column;
    margin: 20px;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

#input-arquivos {
    margin-bottom: 10px;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

label {
    display: block;
    margin-bottom: 5px;
}

.card-resume {
    border-radius: 8px;
    padding: 24px;
    background-color: var(--card);
    border: 1px solid var(--border);
}

body.dark .card-resume {
    background-color: var(--dark-card);
    border: 1px solid var(--border);
}

.card-resume p {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

.navnavitem {
    border: 1px solid hsl(var(--muted)) !important;
    background-color: hsl(var(--muted));
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    color: #71717a;
}

body.dark .navnavitem {
    border: 1px solid transparent !important;
    background-color: transparent;
    color: #fff;
}


.navnavitem:hover {
    color: #71717a;
}

body.dark .navnavitem.active {
    border: 1px solid hsl(var(--dark-input)) !important;
    color: var(--white);
}

.navnavitem.active {
    border: 1px solid hsl(var(--input)) !important;
    background: var(--input) !important;
    border-radius: 4px;
    color: var(--black);
}

body.dark .navnavitem.active {
    border: 1px solid var(--input) !important;
    background: var(--input) !important;
    border-radius: 4px;
    color: var(--white);
}

.nav-tabs-chart {
    border: 2px solid var(--input) !important;
    background-color: transparent !important;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-nowrap {
    flex-wrap: nowrap;
}

.email {
    white-space: nowrap;
    overflow: hidden;
    display: block;
    width: 100%;
    position: relative;
}

.email::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), var(--background));
}

.chart {
    height: 300px;
}

.offcanvas {
    background-color: var(--background);
}

.offcanvas.offcanvas-bottom {
    height: 800px !important;
    padding: 30px;
}

.dropdown-menu {
    opacity: 0 !important;
    border-radius: 8px !important;
}

.dropdown-menu.show {
    opacity: 1 !important;
}

/* ************************************** SELECT2 ************************************** */

form .form-group .select2-selection {
    background-color: var(--background) !important;
    font-size: .875rem !important;
    line-height: 1.25rem !important;
    font-weight: 400 !important;
    padding: .25rem .75rem !important;
    border: 1px solid var(--input) !important;
    border-radius: calc(var(--radius) - 2px);
    background-color: var(--secondary);
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
    height: 2.25rem !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0px !important;
}

form .form-group .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 6px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--secondary-foreground) !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    background-color: var(--background) !important;
    color: var(--secondary-foreground) !important;
    border: none !important;
    font-size: .875rem !important;
    line-height: 1.25rem;
}

.select2-dropdown {
    background-color: var(--input) !important;
}

.select2-container--open .select2-dropdown--below {
    border-color: var(--border) !important;
    background-color: var(--background) !important;
}

.select2-results__option {
    color: var(--secondary-foreground) !important;
    font-size: .875rem !important;
    line-height: 1.25rem;
    font-weight: normal;
}

.select2-search--dropdown {
    border-bottom: 1px solid var(--border) !important;
}

form .form-group .select2-search__field {
    /* margin-top: 0 !important; */
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-size: 18px !important;
    line-height: 25px !important;
    height: 25px !important;
}

form .form-group .select2-search__field:focus {
    border: 0 !important;
    border-radius: 0 !important;
}

form .form-group .select2-search__field::-webkit-input-placeholder {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    color: #212529 !important;
    padding-left: 8px !important;
    font-size: 16px !important;
    line-height: 20px !important;
}

form .form-group .select2-search__field::-o-input-placeholder {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    color: #212529 !important;
    padding-left: 8px !important;
    font-size: 16px !important;
    line-height: 20px !important;
}

form .form-group .select2-search__field:-moz-placeholder {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    color: #212529 !important;
    padding-left: 8px !important;
    font-size: 16px !important;
    line-height: 20px !important;
}

form .form-group .select2-search__field::-moz-placeholder {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    color: #212529 !important;
    padding-left: 8px !important;
    font-size: 16px !important;
    line-height: 20px !important;
}

form .form-group .select2-search__field:-ms-input-placeholder {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    color: #212529 !important;
    padding-left: 8px !important;
    font-size: 16px !important;
    line-height: 20px !important;
}

form .form-group .select2-container {
    width: 100% !important;
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
    z-index: 999 !important;
}

.vertical-align-middle {
    vertical-align: middle;
}

form .form-group .cke {
    margin-top: 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: var(--mid-blue);
    border: 1px solid var(--mid-blue);
    color: var(--white);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    font-size: 14px;
    letter-spacing: 0.2px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: var(--white);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
    background-color: var(--mid-blue);
    color: var(--white);
}

body.dark .select2-container--default .select2-results__option--selected {
    background-color: var(--mid-blue);
}

.select2-results__option.select2-results__option--selectable:hover {
    background-color: var(--input) !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--mid-blue);
    font-size: .875rem !important;
    line-height: 1.25rem;
}

.select2-results__option--selectable {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

/* ************************************** END SELECT2 ************************************** */

/* ************************************** Start Radio group ************************************** */
input[type=radio] {
    appearance: none;
    margin: 0;
    width: 1rem;
    height: 1rem;
    margin-bottom: .1rem;
    border: 1px solid var(--primary);
    border-radius: 50%;
    transform: translateY(0.07em);
    display: grid;
    place-content: center;
    cursor: pointer;
    background-color: var(--background) !important;
    margin-left: 0rem !important;
    margin-right: 0.5rem !important;
}

input[type=radio]::before {
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 50%;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em var(--background);
    border: 4px solid #034dff;
}

input[type=radio]:checked:before {
    transform: scale(0);
}

/* this is a white background image, add a filter to turn it blue #034dff */
.form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23034dff'/%3e%3c/svg%3e");
}

/* ************************************** End Radio group ************************************** */

.financial-content-card {
    font-size: 2.95rem !important;
    text-align: center !important;
}

@media (min-width: 1400px) {
    .financial-content-card {
        font-size: 5rem !important;
    }
}

/* TOOLTIP */

[hover-tooltip] {
    position: relative;
    cursor: default;
}

[hover-tooltip]:hover::before {
    content: attr(hover-tooltip);
    font-size: 14px;
    text-align: left;
    position: absolute;
    display: block;
    font-weight: 400;
    line-height: 1.2;
    left: 50%;
    min-width: 255px;
    max-width: 500px;
    bottom: calc(100% + 10px);
    /* $distance */
    transform: translate(-50%);
    animation: fade-in 300ms ease;
    background: var(--background);
    /* $tooltip-bg-color */
    box-shadow: 0 0px 6px rgba(0, 0, 0, 0.12);
    /* $tooltip-shadow */
    border-radius: 6px;
    border: 1px solid var(--border);
    padding: 14px;
    color: var(--foreground);
    z-index: 1;
}

[hover-tooltip]:hover::after {
    content: '';
    position: absolute;
    display: block;
    left: 50%;
    width: 0;
    height: 0;
    bottom: calc(100% + 6px);
    /* $distance - $caret-height */
    margin-left: -3px;
    /* -$caret-width/2 */
    border-color: rgba(39, 39, 39, 1) transparent transparent transparent;
    /* $tooltip-bg-color */
    border-width: 4px 6px 0;
    /* $caret-height $caret-width 0 */
    animation: fade-in 300ms ease;
    z-index: 1;
}

[hover-tooltip][tooltip-position="bottom"]:hover::before {
    bottom: auto;
    top: calc(100% + 10px);
    /* $distance */
}

[hover-tooltip][tooltip-position="bottom"]:hover::after {
    bottom: auto;
    top: calc(100% + 6px);
    /* $distance - $caret-height */
    border-color: transparent transparent rgba(39, 39, 39, 1) transparent;
    /* $tooltip-bg-color */
    border-width: 0 6px 4px;
    /* 0 $caret-width $caret-height */
}

[sm-hover-tooltip] {
    position: relative;
    cursor: default;
}

[sm-hover-tooltip]:hover::before {
    content: attr(sm-hover-tooltip);
    font-size: 12px;
    text-align: left;
    position: fixed;
    display: block;
    font-weight: 400;
    line-height: 1.2;
    left: 50%;
    min-width: 255px;
    max-width: 500px;
    bottom: calc(100% + 10px);
    /* $distance */
    transform: translate(-50%);
    animation: fade-in 300ms ease;
    background: var(--background);
    /* $tooltip-bg-color */
    box-shadow: 0 0px 6px rgba(0, 0, 0, 0.12);
    /* $tooltip-shadow */
    border-radius: 6px;
    border: 1px solid var(--border);
    padding: 14px;
    color: var(--foreground);
    letter-spacing: 0.4px;
    line-height: 1;
    z-index: 1;
    text-align: center;
}

[sm-hover-tooltip]:hover::after {
    content: '';
    position: fixed;
    display: block;
    left: 50%;
    width: 0;
    height: 0;
    bottom: calc(100% + 6px);
    /* $distance - $caret-height */
    margin-left: -3px;
    /* -$caret-width/2 */
    background: var(--background);
    /* $tooltip-bg-color */
    border-color: rgba(39, 39, 39, 1) transparent transparent transparent;
    /* $tooltip-bg-color */
    border-width: 4px 6px 0;
    /* $caret-height $caret-width 0 */
    animation: fade-in 300ms ease;
    letter-spacing: 0.4px;
    line-height: 1;
    z-index: 1;
    text-align: center;
}

[sm-hover-tooltip][tooltip-position="bottom"]:hover::before {
    bottom: auto;
    top: calc(100% + 10px);
    /* $distance */
}

[sm-hover-tooltip][tooltip-position="bottom"]:hover::after {
    bottom: auto;
    top: calc(100% + 6px);
    /* $distance - $caret-height */
    border-color: transparent transparent rgba(39, 39, 39, 1) transparent;
    /* $tooltip-bg-color */
    border-width: 0 6px 4px;
    /* 0 $caret-width $caret-height */
}

[hover-tooltip-guide] {
    position: relative;
    cursor: default;
}

[hover-tooltip-guide]:hover::before {
    content: attr(hover-tooltip-guide);
    font-size: 12px;
    text-align: left;
    position: absolute;
    display: block;
    font-weight: 500;
    line-height: 1;
    left: 50%;
    max-width: 500px;
    bottom: 90%;
    transform: translate(-50%);
    animation: fade-in 300ms ease;
    background: black !important;
    box-shadow: var(--fancy-shadow);
    border-radius: 8px;
    border: none !important;
    padding: 8px 10px;
    color: white !important;
    z-index: 1;
    text-wrap-mode: nowrap;
    width: fit-content;
}

[hover-tooltip-guide]:hover::after {
    content: '';
    position: absolute;
    display: block;
    left: 40%;
    width: 0;
    height: 0;
    bottom: calc(100% + 6px);
    /* $distance - $caret-height */
    margin-left: -3px;
    /* -$caret-width/2 */
    border-color: rgba(39, 39, 39, 1) transparent transparent transparent;
    /* $tooltip-bg-color */
    border-width: 4px 6px 0;
    /* $caret-height $caret-width 0 */
    animation: fade-in 300ms ease;
    z-index: 1;
}

[hover-tooltip-guide][tooltip-position="bottom"]:hover::before {
    bottom: auto;
    top: calc(100% + 10px);
    /* $distance */
}

[hover-tooltip-guide][tooltip-position="bottom"]:hover::after {
    bottom: auto;
    top: calc(100% + 6px);
    /* $distance - $caret-height */
    border-color: transparent transparent rgba(39, 39, 39, 1) transparent;
    /* $tooltip-bg-color */
    border-width: 0 6px 4px;
    /* 0 $caret-width $caret-height */
}

[hover-tooltip-guide][tooltip-position="right"]:hover::before {
    left: 100%;
    top: calc(100% / 2);
    transform: translate(10px, -50%);
    height: fit-content;
}

[hover-tooltip-guide][tooltip-position="right"]:hover::after {
    left: 90%;
    border-color: transparent transparent rgba(39, 39, 39, 1) transparent;
    border-width: 0 6px 4px;
}

[hover-tooltip-guide][tooltip-align="left"]:hover::before {
    left: 0;
    transform: translate(-100%);
}

[hover-tooltip-guide][tooltip-align="left"]:hover::after {
    left: 10px;
}

[hover-tooltip-cp] {
    position: relative;
    cursor: default;
}

[hover-tooltip-cp]:hover::before {
    content: attr(hover-tooltip-cp);
    font-size: 12px;
    text-align: left;
    position: absolute;
    display: block;
    font-weight: 500;
    line-height: 1.2;
    left: 50%;
    min-width: fit-content;
    max-width: 100px;
    bottom: calc(100% + 0px);
    /* $distance */
    transform: translate(-50%);
    animation: fade-in 300ms ease;
    background: var(--background);
    /* $tooltip-bg-color */
    box-shadow: 0 0px 6px rgba(0, 0, 0, 0.12);
    /* $tooltip-shadow */
    border-radius: 6px;
    border: 1px solid var(--border);
    padding: 8px;
    color: var(--foreground);
    z-index: 1;
}

[hover-tooltip-cp]:hover::after {
    content: '';
    position: absolute;
    display: block;
    left: 50%;
    width: 0;
    height: 0;
    bottom: calc(100% + 6px);
    /* $distance - $caret-height */
    margin-left: -3px;
    /* -$caret-width/2 */
    border-color: rgba(39, 39, 39, 1) transparent transparent transparent;
    /* $tooltip-bg-color */
    border-width: 4px 6px 0;
    /* $caret-height $caret-width 0 */
    animation: fade-in 300ms ease;
    z-index: 1;
}

[hover-tooltip-cp][tooltip-position="bottom"]:hover::before {
    bottom: auto;
    top: calc(100% + 10px);
    /* $distance */
}

[hover-tooltip-cp][tooltip-position="bottom"]:hover::after {
    bottom: auto;
    top: calc(100% + 6px);
    /* $distance - $caret-height */
    border-color: transparent transparent rgba(39, 39, 39, 1) transparent;
    /* $tooltip-bg-color */
    border-width: 0 6px 4px;
    /* 0 $caret-width $caret-height */
}

[hover-tooltip-btn] {
    position: relative;
    cursor: default;
}

[hover-tooltip-btn]:hover::before {
    content: attr(hover-tooltip-btn);
    font-size: 12px;
    text-align: left;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    line-height: 1.2;
    left: 50%;
    min-width: fit-content;
    max-width: fit-content;
    width: fit-content;
    text-wrap: nowrap;
    bottom: calc(100% + 5px);
    /* $distance */
    transform: translate(-50%);
    animation: fade-in 300ms ease;
    background: var(--background);
    /* $tooltip-bg-color */
    box-shadow: 0 0px 6px rgba(0, 0, 0, 0.12);
    /* $tooltip-shadow */
    border-radius: 6px;
    border: 1px solid var(--border);
    padding: 8px;
    color: var(--foreground);
    z-index: 1;
    align-items: center;
}

[hover-tooltip-btn]:hover::after {
    content: '';
    position: absolute;
    display: block;
    left: 50%;
    width: 0;
    height: 0;
    bottom: calc(100% + 6px);
    /* $distance - $caret-height */
    margin-left: -3px;
    /* -$caret-width/2 */
    border-color: rgba(39, 39, 39, 1) transparent transparent transparent;
    /* $tooltip-bg-color */
    border-width: 4px 6px 0;
    /* $caret-height $caret-width 0 */
    animation: fade-in 300ms ease;
    z-index: 1;
}

[hover-tooltip-btn][tooltip-position="bottom"]:hover::before {
    bottom: auto;
    top: calc(100% + 10px);
    /* $distance */
}

[hover-tooltip-btn][tooltip-position="bottom"]:hover::after {
    bottom: auto;
    top: calc(100% + 6px);
    /* $distance - $caret-height */
    border-color: transparent transparent rgba(39, 39, 39, 1) transparent;
    /* $tooltip-bg-color */
    border-width: 0 6px 4px;
    /* 0 $caret-width $caret-height */
}

@keyframes fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Fim Tooltip */

.border-dash {
    border: 2px dashed var(--border) !important;
    border-style: dashed !important;
}

.border-dashed {
    border: 2px dashed var(--border);
}

.border-dashed-primary-brand {
    border: 2px dashed var(--primary-brand);
}

.border-bottom-foreground {
    border-bottom: 2px solid var(--foreground);
}

.hover\:border-dashed-primary-brand:hover {
    border: 2px dashed var(--primary-brand);
}

.badge {
    font-size: 12px;
    font-weight: 500;
    color: var(--muted-foreground);
    background-color: var(--background);
    border: 1px solid var(--input);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    padding: 0.25rem 0.35rem;
}

.info-badge {
    font-size: 12px;
    font-weight: 400;
    color: var(--white);
    background-color: var(--info);
    border: 1px solid var(--input);
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    padding: 0.1rem 0.35rem;
}

@media only screen and (max-width: 1024px) {
    .login-page .w-50:first-child {
        display: none;
    }

    .login-page .w-50 {
        width: 100% !important;
        background: radial-gradient(#e5e7eb 1px, transparent 1px);
        background-size: 16px 16px;
    }

    .lg\:border-0 {
        border: 0 !important;
    }
}

.login-page .w-50:nth-child(2) {
    background: radial-gradient(#e5e7eb 1px, transparent 1px);
    background-size: 16px 16px;
    mask-image: radial-gradient(ellipse 60% 60% at 50% 50%, #000 20%, transparent 100%);
}

.dark .login-page .w-50:nth-child(2) {
    background: radial-gradient(#1d1d1d 1px, transparent 1px);
    background-size: 16px 16px;
    mask-image: radial-gradient(ellipse 60% 60% at 50% 50%, #000 20%, transparent 100%);
}

.me-2rem-negative {
    margin-right: -2rem !important;
}

.mt-2\.5rem {
    margin-top: 2.5rem !important;
}

.cursor-default {
    cursor: default !important;
}

.shine-box {
    background: linear-gradient(65deg, #000000, #011549, #012683, #033dde, #295dec, #000000);
    background-size: 1000% 1000%;

    -webkit-animation: shine 3s ease infinite;
    -moz-animation: shine 3s ease infinite;
    -o-animation: shine 3s ease infinite;
    animation: shine 3s ease infinite;
}

@-webkit-keyframes shine {
    0% {
        background-position: 7% 0%
    }

    50% {
        background-position: 94% 100%
    }

    100% {
        background-position: 7% 0%
    }
}

@-moz-keyframes shine {
    0% {
        background-position: 7% 0%
    }

    50% {
        background-position: 94% 100%
    }

    100% {
        background-position: 7% 0%
    }
}

@-o-keyframes shine {
    0% {
        background-position: 7% 0%
    }

    50% {
        background-position: 94% 100%
    }

    100% {
        background-position: 7% 0%
    }
}

@keyframes shine {
    0% {
        background-position: 7% 0%
    }

    50% {
        background-position: 94% 100%
    }

    100% {
        background-position: 7% 0%
    }
}

.cp {
    text-decoration: underline;
    text-decoration-style: dotted;
}

.cp {
    cursor: pointer;
}

.hover-show-copy .inner-wrapper {
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s ease-in-out;
}

.hover-show-copy:hover .inner-wrapper {
    opacity: 1;
    pointer-events: auto;
    transition: opacity .2s ease-in-out;
}

.word-break {
    word-break: break-all;
}

.search-button {
    position: absolute;
    top: 50% !important;
    right: 0px !important;
    height: 26px !important;
    transition: width .75s !important;
    transition-timing-function: cubic-bezier(0.1, 0.7) !important;
    width: 390px;
    padding-right: 1rem !important;
    border: none !important;
}

.search-button input {
    width: 100%;
    border: none !important;
    box-shadow: none !important;
    padding-left: 0px !important;
    background-color: transparent !important;
    opacity: 1;
    transition: opacity .75s !important;
}

.guiide {
    position: absolute;
    display: flex;
    flex-direction: row;
    align-items: center;
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--background) 10%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1);
    padding: 0 0 0 .5rem;
}

.guiide,
.guiide svg {
    color: #71717a7a;
}

.dark .guiide,
.dark .guiide svg {
    color: #ffffff93;
}

.guiide svg {
    position: initial !important;
    right: unset !important;
    margin-left: 4px;
}

.search-button .guiide {
    opacity: 1;
}

.search-button input {
    opacity: 1;
}

.search-button svg {
    position: absolute;
    right: 9px;
}

#searchForFilter {
    position: relative;
}

#searchForFilter::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-corner-down-left'%3E%3Cpolyline points='9 10 4 15 9 20'/%3E%3Cpath d='M20 4v7a4 4 0 0 1-4 4H4'/%3E%3C/svg%3E");
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
}

.pedido-span {
    background-color: var(--secondary) !important;
    font-family: monospace;
    font-size: 12px;
    font-weight: 500;
    color: var(--secondary-foreground) !important;
    padding: 0.25rem 0.5rem;

    border: 1px solid var(--input);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.search-button .pedido-span {
    opacity: 1;
    transition: opacity .75s !important;
}

.day {
    color: var(--foreground) !important;
}

/* .today,
.today:hover {
    color: white !important;
    background-color: #1a7aff !important;
    font-weight: bold;
} */

.appearance-none {
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}

.timeline {
    position: relative;
}

.timeline::before {
    content: '';
    position: absolute;
    top: 25px;
    left: 0%;
    width: 2px;
    height: 80%;
    background-color: var(--input);
}

.timeline div {
    position: relative;
    padding-left: 1.25rem;
    width: 100%;
}

.timeline div::before {
    content: '';
    position: absolute;
    top: 8px;
    left: -0.35rem;
    width: .85rem;
    height: .85rem;
    border: 3px solid var(--accent);
    border-radius: 50%;
    background-color: var(--input);
    transform: translateY(-50%);
}

.overflow-visible {
    overflow: visible !important;
}

.overflow-y-clip {
    overflow-y: clip !important;
}

.overflow-x-scroll {
    overflow-x: scroll !important;
}

.overflow-y-scroll {
    overflow-y: scroll !important;
}

.scrollable-list {
    max-height: 220px;
    overflow-y: auto;
}

@media only screen and (max-width: 1012px) {
    .calendar-container {
        flex-direction: column-reverse !important;
        width: 220px;
    }

    .calendar-ooptions div:nth-of-type(1) {
        display: none !important;
    }

    .calendar-ooptions div:nth-of-type(2) {
        display: flex;
        flex-direction: column;
        margin-top: 0 !important;
    }

    .calendar-ooptions div:nth-of-type(2) button {
        width: 100%;
    }

    .calendar-ooptions div:nth-of-type(2) button:nth-of-type(2) {
        margin-top: 1rem;
    }

    .w-\[251px\].presets {
        width: 220px !important;
        border-right: 0 !important;
        border-top: 1px solid var(--input) !important;
    }

    #calendar-next {
        display: none;
    }
}

.badge-regular-value {
    color: #b69a00 !important;
    background-color: #ffd80033 !important;
    border: 1px solid #ffd80091 !important;
}

.badge-positive-value {
    color: #2acd41 !important;
    background-color: #2acd4121 !important;
    border: 1px solid #2acd4145 !important;
}

.badge-positive-negative {
    color: #d70e15 !important;
    background-color: #d70e1524 !important;
    border: 1px solid #d70e1536 !important;
}

.pending-request {
    max-height: 150px !important;
    overflow-y: auto !important;
}

.pending-request::-webkit-scrollbar {
    width: 10px;
}

.pending-request::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 10px;
    border: 3px solid transparent;
    background-clip: content-box;
}

.pending-request::-webkit-scrollbar-thumb:hover {
    background-color: #555;
}

.pending-request::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.hidden-scrollbar::-webkit-scrollbar {
    height: 0px;
    width: 0px;
}

.hidden-scrollbar::-webkit-scrollbar-thumb {
    background-color: transparent;
    border-radius: 0px;
    border: 0px solid transparent;
    background-clip: content-box;
    height: 0px;
    width: 0px;
}

.hidden-scrollbar::-webkit-scrollbar-thumb:hover {
    background-color: transparent;
    height: 0px;
    width: 0px;
}

.hidden-scrollbar::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 0px;
    height: 0px;
    width: 0px;
}

.hidden-scrollbar::-webkit-scrollbar-track:hover {
    background: transparent !important;
}

::-webkit-scrollbar-track:hover {
    background: #ddd;
}

.btn-wallet-label {
    font-size: 14px !important;
    line-height: normal;
}

.dark #loading-overlay {
    background: rgba(0, 0, 0, 0.8);
}

#loading-overlay {
    background: rgba(255, 255, 255, 0.8);
}

#loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: none;
    backdrop-filter: blur(5px);
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

#loading-overlay.show {
    opacity: 1;
}

#loading-icon {
    animation: rotate 14s linear infinite;
    stroke: var(--muted-foreground);
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.magicpattern {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: repeat;
    background-image: url("data:image/svg+xml;utf8,%3Csvg viewBox=%220 0 2000 1400%22 xmlns=%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cmask id=%22b%22 x=%220%22 y=%220%22 width=%222000%22 height=%221400%22%3E%3Cpath fill=%22url(%23a)%22 d=%22M0 0h2000v1400H0z%22%2F%3E%3C%2Fmask%3E%3Cpath fill=%22%23fff%22 d=%22M0 0h2000v1400H0z%22%2F%3E%3Cg style=%22transform-origin:center center%22 stroke=%22%23ddd%22 stroke-width=%221.2%22 mask=%22url(%23b)%22%3E%3Cpath fill=%22none%22 d=%22M0 0h66.667v66.667H0z%22%2F%3E%3Cpath fill=%22%23ddddddec%22 d=%22M66.667 0h66.667v66.667H66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M133.333 0H200v66.667h-66.667zM200 0h66.667v66.667H200z%22%2F%3E%3Cpath fill=%22none%22 d=%22M266.667 0h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23ddddddcb%22 d=%22M333.333 0H400v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M400 0h66.667v66.667H400z%22%2F%3E%3Cpath fill=%22none%22 d=%22M466.667 0h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M533.333 0H600v66.667h-66.667zM600 0h66.667v66.667H600z%22%2F%3E%3Cpath fill=%22%23ddddddc6%22 d=%22M666.667 0h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M733.333 0H800v66.667h-66.667zM800 0h66.667v66.667H800zM866.667 0h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M933.333 0H1000v66.667h-66.667zM1000 0h66.667v66.667H1000z%22%2F%3E%3Cpath fill=%22%23dddddde9%22 d=%22M1066.667 0h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23ddddddac%22 d=%22M1133.333 0H1200v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1200 0h66.667v66.667H1200z%22%2F%3E%3Cpath fill=%22%23dddddd38%22 d=%22M1266.667 0h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1333.333 0H1400v66.667h-66.667zM1400 0h66.667v66.667H1400zM1466.667 0h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1533.333 0H1600v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd40%22 d=%22M1600 0h66.667v66.667H1600z%22%2F%3E%3Cpath fill=%22%23dddddd4d%22 d=%22M1666.667 0h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1733.333 0H1800v66.667h-66.667zM1800 0h66.667v66.667H1800zM1866.667 0h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1933.333 0H2000v66.667h-66.667zM0 66.667h66.667v66.667H0z%22%2F%3E%3Cpath fill=%22%23dddddd7f%22 d=%22M66.667 66.667h66.667v66.667H66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M133.333 66.667H200v66.667h-66.667zM200 66.667h66.667v66.667H200z%22%2F%3E%3Cpath fill=%22none%22 d=%22M266.667 66.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd79%22 d=%22M333.333 66.667H400v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M400 66.667h66.667v66.667H400z%22%2F%3E%3Cpath fill=%22%23ddddddd8%22 d=%22M466.667 66.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M533.333 66.667H600v66.667h-66.667zM600 66.667h66.667v66.667H600z%22%2F%3E%3Cpath fill=%22%23dddddd33%22 d=%22M666.667 66.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M733.333 66.667H800v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd15%22 d=%22M800 66.667h66.667v66.667H800z%22%2F%3E%3Cpath fill=%22none%22 d=%22M866.667 66.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd3e%22 d=%22M933.333 66.667H1000v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd7f%22 d=%22M1000 66.667h66.667v66.667H1000z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1066.667 66.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1133.333 66.667H1200v66.667h-66.667zM1200 66.667h66.667v66.667H1200zM1266.667 66.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1333.333 66.667H1400v66.667h-66.667zM1400 66.667h66.667v66.667H1400zM1466.667 66.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1533.333 66.667H1600v66.667h-66.667zM1600 66.667h66.667v66.667H1600z%22%2F%3E%3Cpath fill=%22%23dddddda2%22 d=%22M1666.667 66.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1733.333 66.667H1800v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23ddddddc6%22 d=%22M1800 66.667h66.667v66.667H1800z%22%2F%3E%3Cpath fill=%22%23ddddddd0%22 d=%22M1866.667 66.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1933.333 66.667H2000v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23ddddddea%22 d=%22M0 133.333h66.667V200H0z%22%2F%3E%3Cpath fill=%22%23dddddd91%22 d=%22M66.667 133.333h66.667V200H66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M133.333 133.333H200V200h-66.667zM200 133.333h66.667V200H200z%22%2F%3E%3Cpath fill=%22none%22 d=%22M266.667 133.333h66.667V200h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M333.333 133.333H400V200h-66.667zM400 133.333h66.667V200H400z%22%2F%3E%3Cpath fill=%22none%22 d=%22M466.667 133.333h66.667V200h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M533.333 133.333H600V200h-66.667zM600 133.333h66.667V200H600zM666.667 133.333h66.667V200h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M733.333 133.333H800V200h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd25%22 d=%22M800 133.333h66.667V200H800z%22%2F%3E%3Cpath fill=%22%23ddddddef%22 d=%22M866.667 133.333h66.667V200h-66.667z%22%2F%3E%3Cpath fill=%22%23ddddddac%22 d=%22M933.333 133.333H1000V200h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd86%22 d=%22M1000 133.333h66.667V200H1000z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1066.667 133.333h66.667V200h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1133.333 133.333H1200V200h-66.667zM1200 133.333h66.667V200H1200z%22%2F%3E%3Cpath fill=%22%23ddddddd8%22 d=%22M1266.667 133.333h66.667V200h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd8b%22 d=%22M1333.333 133.333H1400V200h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd26%22 d=%22M1400 133.333h66.667V200H1400z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1466.667 133.333h66.667V200h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1533.333 133.333H1600V200h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd97%22 d=%22M1600 133.333h66.667V200H1600z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1666.667 133.333h66.667V200h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1733.333 133.333H1800V200h-66.667zM1800 133.333h66.667V200H1800z%22%2F%3E%3Cpath fill=%22%23dddddd9f%22 d=%22M1866.667 133.333h66.667V200h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1933.333 133.333H2000V200h-66.667z%22%2F%3E%3Cpath fill=%22%23ddddddeb%22 d=%22M0 200h66.667v66.667H0z%22%2F%3E%3Cpath fill=%22%23dddddda5%22 d=%22M66.667 200h66.667v66.667H66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M133.333 200H200v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd9f%22 d=%22M200 200h66.667v66.667H200z%22%2F%3E%3Cpath fill=%22%23dddddd2a%22 d=%22M266.667 200h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M333.333 200H400v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd55%22 d=%22M400 200h66.667v66.667H400z%22%2F%3E%3Cpath fill=%22none%22 d=%22M466.667 200h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd44%22 d=%22M533.333 200H600v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M600 200h66.667v66.667H600zM666.667 200h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M733.333 200H800v66.667h-66.667zM800 200h66.667v66.667H800z%22%2F%3E%3Cpath fill=%22%23dddddd2a%22 d=%22M866.667 200h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M933.333 200H1000v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddde5%22 d=%22M1000 200h66.667v66.667H1000z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1066.667 200h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1133.333 200H1200v66.667h-66.667zM1200 200h66.667v66.667H1200zM1266.667 200h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd32%22 d=%22M1333.333 200H1400v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1400 200h66.667v66.667H1400zM1466.667 200h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1533.333 200H1600v66.667h-66.667zM1600 200h66.667v66.667H1600z%22%2F%3E%3Cpath fill=%22%23ddddddf1%22 d=%22M1666.667 200h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1733.333 200H1800v66.667h-66.667zM1800 200h66.667v66.667H1800z%22%2F%3E%3Cpath fill=%22%23dddddda9%22 d=%22M1866.667 200h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23ddddddd0%22 d=%22M1933.333 200H2000v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M0 266.667h66.667v66.667H0zM66.667 266.667h66.667v66.667H66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M133.333 266.667H200v66.667h-66.667zM200 266.667h66.667v66.667H200z%22%2F%3E%3Cpath fill=%22none%22 d=%22M266.667 266.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd25%22 d=%22M333.333 266.667H400v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M400 266.667h66.667v66.667H400z%22%2F%3E%3Cpath fill=%22none%22 d=%22M466.667 266.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M533.333 266.667H600v66.667h-66.667zM600 266.667h66.667v66.667H600zM666.667 266.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M733.333 266.667H800v66.667h-66.667zM800 266.667h66.667v66.667H800z%22%2F%3E%3Cpath fill=%22%23dddddd13%22 d=%22M866.667 266.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M933.333 266.667H1000v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23ddddddd1%22 d=%22M1000 266.667h66.667v66.667H1000z%22%2F%3E%3Cpath fill=%22%23ddddddf5%22 d=%22M1066.667 266.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1133.333 266.667H1200v66.667h-66.667zM1200 266.667h66.667v66.667H1200zM1266.667 266.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1333.333 266.667H1400v66.667h-66.667zM1400 266.667h66.667v66.667H1400zM1466.667 266.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd00%22 d=%22M1533.333 266.667H1600v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23ddddddb7%22 d=%22M1600 266.667h66.667v66.667H1600z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1666.667 266.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1733.333 266.667H1800v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd90%22 d=%22M1800 266.667h66.667v66.667H1800z%22%2F%3E%3Cpath fill=%22%23dddddddf%22 d=%22M1866.667 266.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1933.333 266.667H2000v66.667h-66.667zM0 333.333h66.667V400H0zM66.667 333.333h66.667V400H66.667z%22%2F%3E%3Cpath fill=%22%23ddddddd4%22 d=%22M133.333 333.333H200V400h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M200 333.333h66.667V400H200z%22%2F%3E%3Cpath fill=%22none%22 d=%22M266.667 333.333h66.667V400h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M333.333 333.333H400V400h-66.667z%22%2F%3E%3Cpath fill=%22%23ddddddf4%22 d=%22M400 333.333h66.667V400H400z%22%2F%3E%3Cpath fill=%22%23ddddddc8%22 d=%22M466.667 333.333h66.667V400h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M533.333 333.333H600V400h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd62%22 d=%22M600 333.333h66.667V400H600z%22%2F%3E%3Cpath fill=%22%23dddddd41%22 d=%22M666.667 333.333h66.667V400h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M733.333 333.333H800V400h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd2c%22 d=%22M800 333.333h66.667V400H800z%22%2F%3E%3Cpath fill=%22none%22 d=%22M866.667 333.333h66.667V400h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M933.333 333.333H1000V400h-66.667zM1000 333.333h66.667V400H1000zM1066.667 333.333h66.667V400h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1133.333 333.333H1200V400h-66.667zM1200 333.333h66.667V400H1200zM1266.667 333.333h66.667V400h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1333.333 333.333H1400V400h-66.667zM1400 333.333h66.667V400H1400zM1466.667 333.333h66.667V400h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1533.333 333.333H1600V400h-66.667zM1600 333.333h66.667V400H1600zM1666.667 333.333h66.667V400h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1733.333 333.333H1800V400h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddda2%22 d=%22M1800 333.333h66.667V400H1800z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1866.667 333.333h66.667V400h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd1a%22 d=%22M1933.333 333.333H2000V400h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M0 400h66.667v66.667H0z%22%2F%3E%3Cpath fill=%22%23ddddddd0%22 d=%22M66.667 400h66.667v66.667H66.667z%22%2F%3E%3Cpath fill=%22%23ddddddf0%22 d=%22M133.333 400H200v66.667h-66.667zM200 400h66.667v66.667H200z%22%2F%3E%3Cpath fill=%22none%22 d=%22M266.667 400h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd7a%22 d=%22M333.333 400H400v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M400 400h66.667v66.667H400z%22%2F%3E%3Cpath fill=%22%23ddddddc4%22 d=%22M466.667 400h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M533.333 400H600v66.667h-66.667zM600 400h66.667v66.667H600zM666.667 400h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd33%22 d=%22M733.333 400H800v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd61%22 d=%22M800 400h66.667v66.667H800z%22%2F%3E%3Cpath fill=%22none%22 d=%22M866.667 400h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M933.333 400H1000v66.667h-66.667zM1000 400h66.667v66.667H1000z%22%2F%3E%3Cpath fill=%22%23dddddd0f%22 d=%22M1066.667 400h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1133.333 400H1200v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd97%22 d=%22M1200 400h66.667v66.667H1200z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1266.667 400h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1333.333 400H1400v66.667h-66.667zM1400 400h66.667v66.667H1400zM1466.667 400h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1533.333 400H1600v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddda2%22 d=%22M1600 400h66.667v66.667H1600z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1666.667 400h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1733.333 400H1800v66.667h-66.667zM1800 400h66.667v66.667H1800z%22%2F%3E%3Cpath fill=%22%23dddddd5f%22 d=%22M1866.667 400h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd8b%22 d=%22M1933.333 400H2000v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23ddddddcd%22 d=%22M0 466.667h66.667v66.667H0z%22%2F%3E%3Cpath fill=%22none%22 d=%22M66.667 466.667h66.667v66.667H66.667z%22%2F%3E%3Cpath fill=%22%23dddddd7f%22 d=%22M133.333 466.667H200v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd30%22 d=%22M200 466.667h66.667v66.667H200z%22%2F%3E%3Cpath fill=%22%23ddddddb7%22 d=%22M266.667 466.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M333.333 466.667H400v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd5e%22 d=%22M400 466.667h66.667v66.667H400z%22%2F%3E%3Cpath fill=%22%23dddddda8%22 d=%22M466.667 466.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M533.333 466.667H600v66.667h-66.667zM600 466.667h66.667v66.667H600zM666.667 466.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23ddddddfd%22 d=%22M733.333 466.667H800v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd8c%22 d=%22M800 466.667h66.667v66.667H800z%22%2F%3E%3Cpath fill=%22none%22 d=%22M866.667 466.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M933.333 466.667H1000v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd8a%22 d=%22M1000 466.667h66.667v66.667H1000z%22%2F%3E%3Cpath fill=%22%23dddddd95%22 d=%22M1066.667 466.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd06%22 d=%22M1133.333 466.667H1200v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd82%22 d=%22M1200 466.667h66.667v66.667H1200z%22%2F%3E%3Cpath fill=%22%23dddddd25%22 d=%22M1266.667 466.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23ddddddd7%22 d=%22M1333.333 466.667H1400v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23ddddddbb%22 d=%22M1400 466.667h66.667v66.667H1400z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1466.667 466.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd04%22 d=%22M1533.333 466.667H1600v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1600 466.667h66.667v66.667H1600zM1666.667 466.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1733.333 466.667H1800v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd05%22 d=%22M1800 466.667h66.667v66.667H1800z%22%2F%3E%3Cpath fill=%22%23dddddd53%22 d=%22M1866.667 466.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1933.333 466.667H2000v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd80%22 d=%22M0 533.333h66.667V600H0z%22%2F%3E%3Cpath fill=%22none%22 d=%22M66.667 533.333h66.667V600H66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M133.333 533.333H200V600h-66.667zM200 533.333h66.667V600H200z%22%2F%3E%3Cpath fill=%22none%22 d=%22M266.667 533.333h66.667V600h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M333.333 533.333H400V600h-66.667zM400 533.333h66.667V600H400z%22%2F%3E%3Cpath fill=%22none%22 d=%22M466.667 533.333h66.667V600h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd8a%22 d=%22M533.333 533.333H600V600h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M600 533.333h66.667V600H600z%22%2F%3E%3Cpath fill=%22%23dddddda6%22 d=%22M666.667 533.333h66.667V600h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M733.333 533.333H800V600h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddddf%22 d=%22M800 533.333h66.667V600H800z%22%2F%3E%3Cpath fill=%22none%22 d=%22M866.667 533.333h66.667V600h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M933.333 533.333H1000V600h-66.667zM1000 533.333h66.667V600H1000z%22%2F%3E%3Cpath fill=%22%23dddddd1b%22 d=%22M1066.667 533.333h66.667V600h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddda9%22 d=%22M1133.333 533.333H1200V600h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1200 533.333h66.667V600H1200zM1266.667 533.333h66.667V600h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd86%22 d=%22M1333.333 533.333H1400V600h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd73%22 d=%22M1400 533.333h66.667V600H1400z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1466.667 533.333h66.667V600h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1533.333 533.333H1600V600h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd91%22 d=%22M1600 533.333h66.667V600H1600z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1666.667 533.333h66.667V600h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1733.333 533.333H1800V600h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd6e%22 d=%22M1800 533.333h66.667V600H1800z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1866.667 533.333h66.667V600h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1933.333 533.333H2000V600h-66.667zM0 600h66.667v66.667H0z%22%2F%3E%3Cpath fill=%22%23ddddddbd%22 d=%22M66.667 600h66.667v66.667H66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M133.333 600H200v66.667h-66.667zM200 600h66.667v66.667H200z%22%2F%3E%3Cpath fill=%22none%22 d=%22M266.667 600h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M333.333 600H400v66.667h-66.667zM400 600h66.667v66.667H400z%22%2F%3E%3Cpath fill=%22none%22 d=%22M466.667 600h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M533.333 600H600v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd44%22 d=%22M600 600h66.667v66.667H600z%22%2F%3E%3Cpath fill=%22none%22 d=%22M666.667 600h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M733.333 600H800v66.667h-66.667zM800 600h66.667v66.667H800z%22%2F%3E%3Cpath fill=%22%23dddddd1d%22 d=%22M866.667 600h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M933.333 600H1000v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23ddddddb2%22 d=%22M1000 600h66.667v66.667H1000z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1066.667 600h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1133.333 600H1200v66.667h-66.667zM1200 600h66.667v66.667H1200zM1266.667 600h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23ddddddfe%22 d=%22M1333.333 600H1400v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1400 600h66.667v66.667H1400zM1466.667 600h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1533.333 600H1600v66.667h-66.667zM1600 600h66.667v66.667H1600zM1666.667 600h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23ddddddae%22 d=%22M1733.333 600H1800v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1800 600h66.667v66.667H1800z%22%2F%3E%3Cpath fill=%22%23ddddddbd%22 d=%22M1866.667 600h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1933.333 600H2000v66.667h-66.667zM0 666.667h66.667v66.667H0zM66.667 666.667h66.667v66.667H66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M133.333 666.667H200v66.667h-66.667zM200 666.667h66.667v66.667H200z%22%2F%3E%3Cpath fill=%22none%22 d=%22M266.667 666.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M333.333 666.667H400v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23ddddddff%22 d=%22M400 666.667h66.667v66.667H400z%22%2F%3E%3Cpath fill=%22none%22 d=%22M466.667 666.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd60%22 d=%22M533.333 666.667H600v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M600 666.667h66.667v66.667H600zM666.667 666.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M733.333 666.667H800v66.667h-66.667zM800 666.667h66.667v66.667H800zM866.667 666.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M933.333 666.667H1000v66.667h-66.667zM1000 666.667h66.667v66.667H1000zM1066.667 666.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1133.333 666.667H1200v66.667h-66.667zM1200 666.667h66.667v66.667H1200z%22%2F%3E%3Cpath fill=%22%23ddddddae%22 d=%22M1266.667 666.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1333.333 666.667H1400v66.667h-66.667zM1400 666.667h66.667v66.667H1400zM1466.667 666.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1533.333 666.667H1600v66.667h-66.667zM1600 666.667h66.667v66.667H1600zM1666.667 666.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd6b%22 d=%22M1733.333 666.667H1800v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1800 666.667h66.667v66.667H1800zM1866.667 666.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1933.333 666.667H2000v66.667h-66.667zM0 733.333h66.667V800H0zM66.667 733.333h66.667V800H66.667z%22%2F%3E%3Cpath fill=%22%23ddddddd9%22 d=%22M133.333 733.333H200V800h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M200 733.333h66.667V800H200z%22%2F%3E%3Cpath fill=%22none%22 d=%22M266.667 733.333h66.667V800h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M333.333 733.333H400V800h-66.667zM400 733.333h66.667V800H400z%22%2F%3E%3Cpath fill=%22none%22 d=%22M466.667 733.333h66.667V800h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M533.333 733.333H600V800h-66.667zM600 733.333h66.667V800H600z%22%2F%3E%3Cpath fill=%22%23dddddd5b%22 d=%22M666.667 733.333h66.667V800h-66.667z%22%2F%3E%3Cpath fill=%22%23ddddddb9%22 d=%22M733.333 733.333H800V800h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M800 733.333h66.667V800H800z%22%2F%3E%3Cpath fill=%22%23dddddd6e%22 d=%22M866.667 733.333h66.667V800h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M933.333 733.333H1000V800h-66.667zM1000 733.333h66.667V800H1000zM1066.667 733.333h66.667V800h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1133.333 733.333H1200V800h-66.667zM1200 733.333h66.667V800H1200zM1266.667 733.333h66.667V800h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1333.333 733.333H1400V800h-66.667zM1400 733.333h66.667V800H1400zM1466.667 733.333h66.667V800h-66.667z%22%2F%3E%3Cpath fill=%22%23ddddddd4%22 d=%22M1533.333 733.333H1600V800h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd87%22 d=%22M1600 733.333h66.667V800H1600z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1666.667 733.333h66.667V800h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1733.333 733.333H1800V800h-66.667zM1800 733.333h66.667V800H1800zM1866.667 733.333h66.667V800h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1933.333 733.333H2000V800h-66.667zM0 800h66.667v66.667H0zM66.667 800h66.667v66.667H66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M133.333 800H200v66.667h-66.667zM200 800h66.667v66.667H200z%22%2F%3E%3Cpath fill=%22none%22 d=%22M266.667 800h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M333.333 800H400v66.667h-66.667zM400 800h66.667v66.667H400z%22%2F%3E%3Cpath fill=%22none%22 d=%22M466.667 800h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M533.333 800H600v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd4d%22 d=%22M600 800h66.667v66.667H600z%22%2F%3E%3Cpath fill=%22none%22 d=%22M666.667 800h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M733.333 800H800v66.667h-66.667zM800 800h66.667v66.667H800zM866.667 800h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M933.333 800H1000v66.667h-66.667zM1000 800h66.667v66.667H1000zM1066.667 800h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1133.333 800H1200v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd92%22 d=%22M1200 800h66.667v66.667H1200z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1266.667 800h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddda9%22 d=%22M1333.333 800H1400v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1400 800h66.667v66.667H1400zM1466.667 800h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1533.333 800H1600v66.667h-66.667zM1600 800h66.667v66.667H1600zM1666.667 800h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd9a%22 d=%22M1733.333 800H1800v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1800 800h66.667v66.667H1800zM1866.667 800h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1933.333 800H2000v66.667h-66.667zM0 866.667h66.667v66.667H0zM66.667 866.667h66.667v66.667H66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M133.333 866.667H200v66.667h-66.667zM200 866.667h66.667v66.667H200z%22%2F%3E%3Cpath fill=%22none%22 d=%22M266.667 866.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M333.333 866.667H400v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd81%22 d=%22M400 866.667h66.667v66.667H400z%22%2F%3E%3Cpath fill=%22none%22 d=%22M466.667 866.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd0a%22 d=%22M533.333 866.667H600v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M600 866.667h66.667v66.667H600zM666.667 866.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M733.333 866.667H800v66.667h-66.667zM800 866.667h66.667v66.667H800zM866.667 866.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd3c%22 d=%22M933.333 866.667H1000v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1000 866.667h66.667v66.667H1000zM1066.667 866.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1133.333 866.667H1200v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd30%22 d=%22M1200 866.667h66.667v66.667H1200z%22%2F%3E%3Cpath fill=%22%23dddddd7f%22 d=%22M1266.667 866.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1333.333 866.667H1400v66.667h-66.667zM1400 866.667h66.667v66.667H1400z%22%2F%3E%3Cpath fill=%22%23dddddde2%22 d=%22M1466.667 866.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1533.333 866.667H1600v66.667h-66.667zM1600 866.667h66.667v66.667H1600zM1666.667 866.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1733.333 866.667H1800v66.667h-66.667zM1800 866.667h66.667v66.667H1800zM1866.667 866.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1933.333 866.667H2000v66.667h-66.667zM0 933.333h66.667V1000H0z%22%2F%3E%3Cpath fill=%22%23dddddde1%22 d=%22M66.667 933.333h66.667V1000H66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M133.333 933.333H200V1000h-66.667z%22%2F%3E%3Cpath fill=%22%23ddddddd3%22 d=%22M200 933.333h66.667V1000H200z%22%2F%3E%3Cpath fill=%22none%22 d=%22M266.667 933.333h66.667V1000h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M333.333 933.333H400V1000h-66.667z%22%2F%3E%3Cpath fill=%22%23ddddddb3%22 d=%22M400 933.333h66.667V1000H400z%22%2F%3E%3Cpath fill=%22none%22 d=%22M466.667 933.333h66.667V1000h-66.667z%22%2F%3E%3Cpath fill=%22%23ddddddb0%22 d=%22M533.333 933.333H600V1000h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd61%22 d=%22M600 933.333h66.667V1000H600z%22%2F%3E%3Cpath fill=%22none%22 d=%22M666.667 933.333h66.667V1000h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M733.333 933.333H800V1000h-66.667z%22%2F%3E%3Cpath fill=%22%23ddddddd9%22 d=%22M800 933.333h66.667V1000H800z%22%2F%3E%3Cpath fill=%22none%22 d=%22M866.667 933.333h66.667V1000h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M933.333 933.333H1000V1000h-66.667zM1000 933.333h66.667V1000H1000z%22%2F%3E%3Cpath fill=%22%23dddddd17%22 d=%22M1066.667 933.333h66.667V1000h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd86%22 d=%22M1133.333 933.333H1200V1000h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1200 933.333h66.667V1000H1200zM1266.667 933.333h66.667V1000h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd92%22 d=%22M1333.333 933.333H1400V1000h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1400 933.333h66.667V1000H1400zM1466.667 933.333h66.667V1000h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddde5%22 d=%22M1533.333 933.333H1600V1000h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1600 933.333h66.667V1000H1600z%22%2F%3E%3Cpath fill=%22%23ddddddd4%22 d=%22M1666.667 933.333h66.667V1000h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1733.333 933.333H1800V1000h-66.667zM1800 933.333h66.667V1000H1800z%22%2F%3E%3Cpath fill=%22%23dddddda2%22 d=%22M1866.667 933.333h66.667V1000h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1933.333 933.333H2000V1000h-66.667zM0 1000h66.667v66.667H0zM66.667 1000h66.667v66.667H66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M133.333 1000H200v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23ddddddb2%22 d=%22M200 1000h66.667v66.667H200z%22%2F%3E%3Cpath fill=%22none%22 d=%22M266.667 1000h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M333.333 1000H400v66.667h-66.667zM400 1000h66.667v66.667H400z%22%2F%3E%3Cpath fill=%22%23dddddd0a%22 d=%22M466.667 1000h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M533.333 1000H600v66.667h-66.667zM600 1000h66.667v66.667H600zM666.667 1000h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M733.333 1000H800v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd0d%22 d=%22M800 1000h66.667v66.667H800z%22%2F%3E%3Cpath fill=%22none%22 d=%22M866.667 1000h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M933.333 1000H1000v66.667h-66.667zM1000 1000h66.667v66.667H1000zM1066.667 1000h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd7b%22 d=%22M1133.333 1000H1200v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd0e%22 d=%22M1200 1000h66.667v66.667H1200z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1266.667 1000h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1333.333 1000H1400v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddda5%22 d=%22M1400 1000h66.667v66.667H1400z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1466.667 1000h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1533.333 1000H1600v66.667h-66.667zM1600 1000h66.667v66.667H1600z%22%2F%3E%3Cpath fill=%22%23dddddd21%22 d=%22M1666.667 1000h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1733.333 1000H1800v66.667h-66.667zM1800 1000h66.667v66.667H1800z%22%2F%3E%3Cpath fill=%22%23dddddd07%22 d=%22M1866.667 1000h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1933.333 1000H2000v66.667h-66.667zM0 1066.667h66.667v66.667H0z%22%2F%3E%3Cpath fill=%22%23ddddddd6%22 d=%22M66.667 1066.667h66.667v66.667H66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M133.333 1066.667H200v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23ddddddf6%22 d=%22M200 1066.667h66.667v66.667H200z%22%2F%3E%3Cpath fill=%22%23dddddd58%22 d=%22M266.667 1066.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M333.333 1066.667H400v66.667h-66.667zM400 1066.667h66.667v66.667H400z%22%2F%3E%3Cpath fill=%22none%22 d=%22M466.667 1066.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23ddddddb8%22 d=%22M533.333 1066.667H600v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M600 1066.667h66.667v66.667H600zM666.667 1066.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M733.333 1066.667H800v66.667h-66.667zM800 1066.667h66.667v66.667H800zM866.667 1066.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd60%22 d=%22M933.333 1066.667H1000v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1000 1066.667h66.667v66.667H1000z%22%2F%3E%3Cpath fill=%22%23dddddd50%22 d=%22M1066.667 1066.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd8e%22 d=%22M1133.333 1066.667H1200v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1200 1066.667h66.667v66.667H1200z%22%2F%3E%3Cpath fill=%22%23dddddd7c%22 d=%22M1266.667 1066.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1333.333 1066.667H1400v66.667h-66.667zM1400 1066.667h66.667v66.667H1400z%22%2F%3E%3Cpath fill=%22%23dddddd72%22 d=%22M1466.667 1066.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1533.333 1066.667H1600v66.667h-66.667zM1600 1066.667h66.667v66.667H1600zM1666.667 1066.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1733.333 1066.667H1800v66.667h-66.667zM1800 1066.667h66.667v66.667H1800zM1866.667 1066.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd5c%22 d=%22M1933.333 1066.667H2000v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M0 1133.333h66.667V1200H0zM66.667 1133.333h66.667V1200H66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M133.333 1133.333H200V1200h-66.667zM200 1133.333h66.667V1200H200z%22%2F%3E%3Cpath fill=%22none%22 d=%22M266.667 1133.333h66.667V1200h-66.667z%22%2F%3E%3Cpath fill=%22%23ddddddd4%22 d=%22M333.333 1133.333H400V1200h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M400 1133.333h66.667V1200H400z%22%2F%3E%3Cpath fill=%22none%22 d=%22M466.667 1133.333h66.667V1200h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd31%22 d=%22M533.333 1133.333H600V1200h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd83%22 d=%22M600 1133.333h66.667V1200H600z%22%2F%3E%3Cpath fill=%22none%22 d=%22M666.667 1133.333h66.667V1200h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddde1%22 d=%22M733.333 1133.333H800V1200h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M800 1133.333h66.667V1200H800zM866.667 1133.333h66.667V1200h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd65%22 d=%22M933.333 1133.333H1000V1200h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1000 1133.333h66.667V1200H1000z%22%2F%3E%3Cpath fill=%22%23dddddd6f%22 d=%22M1066.667 1133.333h66.667V1200h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd58%22 d=%22M1133.333 1133.333H1200V1200h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1200 1133.333h66.667V1200H1200zM1266.667 1133.333h66.667V1200h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1333.333 1133.333H1400V1200h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd92%22 d=%22M1400 1133.333h66.667V1200H1400z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1466.667 1133.333h66.667V1200h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1533.333 1133.333H1600V1200h-66.667zM1600 1133.333h66.667V1200H1600zM1666.667 1133.333h66.667V1200h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd59%22 d=%22M1733.333 1133.333H1800V1200h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1800 1133.333h66.667V1200H1800zM1866.667 1133.333h66.667V1200h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1933.333 1133.333H2000V1200h-66.667zM0 1200h66.667v66.667H0zM66.667 1200h66.667v66.667H66.667z%22%2F%3E%3Cpath fill=%22%23ddddddf6%22 d=%22M133.333 1200H200v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd10%22 d=%22M200 1200h66.667v66.667H200z%22%2F%3E%3Cpath fill=%22%23dddddd24%22 d=%22M266.667 1200h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M333.333 1200H400v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd20%22 d=%22M400 1200h66.667v66.667H400z%22%2F%3E%3Cpath fill=%22none%22 d=%22M466.667 1200h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23ddddddc1%22 d=%22M533.333 1200H600v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M600 1200h66.667v66.667H600z%22%2F%3E%3Cpath fill=%22%23dddddd43%22 d=%22M666.667 1200h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd00%22 d=%22M733.333 1200H800v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M800 1200h66.667v66.667H800zM866.667 1200h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M933.333 1200H1000v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd8d%22 d=%22M1000 1200h66.667v66.667H1000z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1066.667 1200h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1133.333 1200H1200v66.667h-66.667zM1200 1200h66.667v66.667H1200zM1266.667 1200h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd65%22 d=%22M1333.333 1200H1400v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23ddddddaf%22 d=%22M1400 1200h66.667v66.667H1400z%22%2F%3E%3Cpath fill=%22%23ddddddc9%22 d=%22M1466.667 1200h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd6a%22 d=%22M1533.333 1200H1600v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1600 1200h66.667v66.667H1600zM1666.667 1200h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1733.333 1200H1800v66.667h-66.667zM1800 1200h66.667v66.667H1800zM1866.667 1200h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd9f%22 d=%22M1933.333 1200H2000v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd00%22 d=%22M0 1266.667h66.667v66.667H0z%22%2F%3E%3Cpath fill=%22none%22 d=%22M66.667 1266.667h66.667v66.667H66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M133.333 1266.667H200v66.667h-66.667zM200 1266.667h66.667v66.667H200z%22%2F%3E%3Cpath fill=%22none%22 d=%22M266.667 1266.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M333.333 1266.667H400v66.667h-66.667zM400 1266.667h66.667v66.667H400z%22%2F%3E%3Cpath fill=%22none%22 d=%22M466.667 1266.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M533.333 1266.667H600v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd45%22 d=%22M600 1266.667h66.667v66.667H600z%22%2F%3E%3Cpath fill=%22none%22 d=%22M666.667 1266.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M733.333 1266.667H800v66.667h-66.667zM800 1266.667h66.667v66.667H800zM866.667 1266.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M933.333 1266.667H1000v66.667h-66.667zM1000 1266.667h66.667v66.667H1000zM1066.667 1266.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1133.333 1266.667H1200v66.667h-66.667zM1200 1266.667h66.667v66.667H1200zM1266.667 1266.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1333.333 1266.667H1400v66.667h-66.667z%22%2F%3E%3Cpath fill=%22%23ddddddfb%22 d=%22M1400 1266.667h66.667v66.667H1400z%22%2F%3E%3Cpath fill=%22%23dddddd2d%22 d=%22M1466.667 1266.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1533.333 1266.667H1600v66.667h-66.667zM1600 1266.667h66.667v66.667H1600zM1666.667 1266.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1733.333 1266.667H1800v66.667h-66.667zM1800 1266.667h66.667v66.667H1800zM1866.667 1266.667h66.667v66.667h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1933.333 1266.667H2000v66.667h-66.667zM0 1333.333h66.667V1400H0zM66.667 1333.333h66.667V1400H66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M133.333 1333.333H200V1400h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd12%22 d=%22M200 1333.333h66.667V1400H200z%22%2F%3E%3Cpath fill=%22none%22 d=%22M266.667 1333.333h66.667V1400h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M333.333 1333.333H400V1400h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd18%22 d=%22M400 1333.333h66.667V1400H400z%22%2F%3E%3Cpath fill=%22none%22 d=%22M466.667 1333.333h66.667V1400h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M533.333 1333.333H600V1400h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd42%22 d=%22M600 1333.333h66.667V1400H600z%22%2F%3E%3Cpath fill=%22none%22 d=%22M666.667 1333.333h66.667V1400h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M733.333 1333.333H800V1400h-66.667zM800 1333.333h66.667V1400H800zM866.667 1333.333h66.667V1400h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd81%22 d=%22M933.333 1333.333H1000V1400h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd2f%22 d=%22M1000 1333.333h66.667V1400H1000z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1066.667 1333.333h66.667V1400h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1133.333 1333.333H1200V1400h-66.667zM1200 1333.333h66.667V1400H1200zM1266.667 1333.333h66.667V1400h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1333.333 1333.333H1400V1400h-66.667zM1400 1333.333h66.667V1400H1400zM1466.667 1333.333h66.667V1400h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd2a%22 d=%22M1533.333 1333.333H1600V1400h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1600 1333.333h66.667V1400H1600zM1666.667 1333.333h66.667V1400h-66.667z%22%2F%3E%3Cpath fill=%22none%22 d=%22M1733.333 1333.333H1800V1400h-66.667zM1800 1333.333h66.667V1400H1800zM1866.667 1333.333h66.667V1400h-66.667z%22%2F%3E%3Cpath fill=%22%23dddddd0a%22 d=%22M1933.333 1333.333H2000V1400h-66.667z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CradialGradient id=%22a%22%3E%3Cstop offset=%2258.4%25%22 stop-color=%22%23fff%22 stop-opacity=%220%22%2F%3E%3Cstop offset=%22100%25%22 stop-color=%22%23fff%22 stop-opacity=%22.416%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
}

/* -------- DateTimeRangePicker -------- */

.daterangepicker {
    border: 1px solid var(--border) !important;
    background-color: var(--background) !important;
    border-radius: 6px !important;
    font-family: 'Inter', sans-serif !important;
}

.daterangepicker.show-calendar .ranges {
    margin-top: 0 !important;
    border-right: 1px solid var(--border) !important;
}

.daterangepicker .ranges ul {
    padding: 8px !important;
}

.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect,
.daterangepicker select.ampmselect {
    width: 50px !important;
    margin: 0 auto !important;
    background: var(--quartenary) !important;
    border: 1px solid var(--input) !important;
    padding: 4px !important;
    border-radius: 6px !important;
    outline: 0 !important;
    font-size: 12px !important;
    color: var(--foreground) !important;
}

.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
    background: var(--tertiary) !important;
    border: 1px solid var(--input) !important;
    padding: 4px 6px !important;
    border-radius: 6px !important;
    color: var(--foreground) !important;
}

.daterangepicker select.monthselect {
    margin-right: 8px !important;
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
    border-left: none !important;
}

.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
    width: 32px !important;
    height: 32px !important;
    font-weight: 400;
    border-radius: 0 !important;
}

.daterangepicker .ranges li {
    padding: 4px 6px !important;
    cursor: pointer !important;
    font-family: "Inter", sans-serif !important;
    font-size: 14px !important;
    line-height: 20px !important;
    font-weight: 400 !important;
}

.daterangepicker .ranges li:hover,
.daterangepicker .ranges li.active {
    background-color: var(--background) !important;
    color: var(--foreground) !important;
    border-radius: 5px !important;
    text-decoration: underline !important;
    text-underline-offset: 2px !important;
}

.daterangepicker .calendar-table {
    border: none !important;
    background-color: transparent !important;
}

.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
    border-color: var(--foreground) !important;
}

.daterangepicker .drp-buttons {
    border-top: 1px solid var(--input) !important;
}

.daterangepicker:after {
    border-bottom: 6px solid var(--background) !important;
}

.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
    background-color: var(--tertiary) !important;
    color: var(--muted-foreground) !important;
}

.daterangepicker td.in-range {
    background-color: #0069ff2b !important;
    border-color: transparent !important;
    color: var(--foreground) !important;
    border-radius: 0 !important;
}

.daterangepicker .calendar-table td .today,
.daterangepicker td.active,
.daterangepicker td.active:hover,
.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
    background-color: #1a7aff !important;
    color: white !important;
}

.daterangepicker .drp-buttons .btn {
    margin-left: 8px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    padding: 6px 12px !important;
}

.daterangepicker .drp-buttons .cancelBtn {
    color: var(--foreground) !important;
}

.daterangepicker th.month {
    font-size: 14px !important;
}

.daterangepicker .drp-selected {
    font-weight: 500 !important;
}

.daterangepicker.drop-up:after,
.daterangepicker.drop-up:before {
    display: none !important;
}

.daterangepicker.opensright:before,
.daterangepicker.opensleft:before,
.daterangepicker.openscenter:before {
    border-bottom: 7px solid var(--input) !important;
}

.input-wrapper {
    position: relative;
    display: inline-block;
}

.daterange {
    padding-left: 34px !important;
    padding-right: 34px !important;
}

.input-wrapper .lucide-calendar {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
}

.input-wrapper .lucide-chevron-down {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
}

/* -------- End DateTimeRangePicker -------- */

.almost-hidden-scrollbar::-webkit-scrollbar {
    width: 0px;
}

/* Track */
.almost-hidden-scrollbar::-webkit-scrollbar-track {
    background: var(--background);
}

/* Handle */
.almost-hidden-scrollbar::-webkit-scrollbar-thumb {
    background: var(--muted-foreground);
    border: 4px solid var(--background);
    background-clip: padding-box;
    border-radius: 9999px;
}

/* Handle on hover */
.almost-hidden-scrollbar::-webkit-scrollbar-thumb:hover {
    background: var(--primary);
}

.carousel-dot-indicators {
    position: fixed !important;
    margin-bottom: 50px !important;
}

.carousel-indicators .dot {
    box-sizing: content-box !important;
    flex: 0 1 auto !important;
    width: 9px !important;
    height: 9px !important;
    padding: 0 !important;
    margin-right: 4px !important;
    margin-left: 4px !important;
    text-indent: -999px !important;
    overflow: hidden !important;
    border-radius: 50% !important;
}

.carousel-dot-inner .carousel-item .carousel-caption,
.carousel-dot-inner .carousel-item.active .carousel-caption {
    position: fixed !important;
    right: 15%;
    bottom: 80px !important;
    left: 15%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center;
}

.ghost-dropdown {
    box-shadow: none !important;
    border: 1px solid transparent !important;
}

.ghost-dropdown svg {
    opacity: 0 !important;
    transition: all 0.375s !important;
}

.ghost-dropdown:hover svg,
.ghost-dropdown:active svg,
.ghost-dropdown.show svg {
    opacity: 1 !important;
}

/* .ghost-dropdown:hover {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
    border: 1px solid var(--input) !important;
} */

/* PASSWORD STRENGTH */

.password-strength {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 6px;
    width: 100%;
    transition: all ease-in-out 0.3s;
}

.strength-indicator {
    width: 100%;
    height: 2px;
    background-color: var(--muted);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: start;
    transition: all ease-in-out 0.3s;
}

/* Weak state */
.strength-indicator.active.weak {
    background-color: red;
}

/* Medium state */
.strength-indicator.active.medium {
    background-color: orange;
}

/* Strong state */
.strength-indicator.active.strong {
    background-color: green;
}

/* END PASSWORD STRENGTH */

.stroke-foreground {
    stroke: var(--foreground);
}

.fill-foreground {
    fill: var(--foreground);
}

.logs.accordion-button {
    text-decoration: none;
}

.logs.accordion-button:hover {
    text-decoration: none;
}

.badge-date-accordion-log {
    font-size: 12px !important;
    padding: 2px 6px !important;
}

.dot-bg {
    inset: 0;
    height: 100%;
    width: 100%;
    background-image: radial-gradient(var(--tertiary-border) 1px, transparent 1px);
    background-size: 16px 16px;
}

.apexcharts-tooltip.apexcharts-theme-light {
    border: 1px solid var(--border) !important;
    background: var(--background) !important;
}

.apexcharts-tooltip {
    border-radius: 5px;
    box-shadow: 2px 2px 6px -4px var(--accent-foreground);
    cursor: default;
    font-size: 14px;
    left: 62px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 20px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    white-space: nowrap;
    z-index: 12;
    transition: 0.15s ease all;
}

.green-blur {
    position: relative;
    overflow: hidden;
}

.green-blur::before {
    content: "";
    position: absolute;
    top: -60px;
    left: -20px;
    width: 20px;
    height: 20px;
    background-color: transparent;
    -webkit-box-shadow: 0px 0px 150px 89px rgba(0, 128, 0, 0.569);
    -moz-box-shadow: 0px 0px 150px 89px rgba(0, 128, 0, 0.569);
    box-shadow: 0px 0px 150px 89px rgb(0 128 0 / 36%);
    border-radius: 20px;
    opacity: 0.2;
}

.blue-blur {
    position: relative;
    overflow: hidden;
}

.blue-blur::before {
    content: "";
    position: absolute;
    top: -60px;
    left: -20px;
    width: 20px;
    height: 20px;
    background-color: transparent;
    -webkit-box-shadow: 0px 0px 150px 89px rgba(0, 60, 128, 0.569);
    -moz-box-shadow: 0px 0px 150px 89px rgba(0, 60, 128, 0.569);
    box-shadow: 0px 0px 150px 89px rgba(0, 60, 128, 0.569);
    border-radius: 20px;
    opacity: 0.2;
}

.red-blur {
    position: relative;
    overflow: hidden;
}

.red-blur::before {
    content: "";
    position: absolute;
    top: -60px;
    left: -20px;
    width: 20px;
    height: 20px;
    background-color: transparent;
    -webkit-box-shadow: 0px 0px 150px 89px rgba(128, 0, 0, 0.569);
    -moz-box-shadow: 0px 0px 150px 89px rgba(128, 0, 0, 0.569);
    box-shadow: 0px 0px 150px 89px rgba(128, 0, 0, 0.569);
    border-radius: 20px;
    opacity: 0.2;
}

.yellow-blur {
    position: relative;
    overflow: hidden;
}

.yellow-blur::before {
    content: "";
    position: absolute;
    top: -60px;
    left: -20px;
    width: 20px;
    height: 20px;
    background-color: transparent;
    -webkit-box-shadow: 0px 0px 150px 89px rgba(168, 193, 0, 0.569);
    -moz-box-shadow: 0px 0px 150px 89px rgba(168, 193, 0, 0.569);
    box-shadow: 0px 0px 150px 89px rgba(168, 193, 0, 0.569);
    border-radius: 20px;
    opacity: 0.2;
}

.rounded-start {
    border-top-left-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.rounded-end {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 6px !important;
    border-top-right-radius: 6px !important;
    border-left: none !important;
}

.accordion-button.collapsed .lucide-chevron-right {
    transform: rotate(0deg);
}

.accordion-button .lucide-chevron-right {
    transition: transform cubic-bezier(0.4, 0, 0.2, 1) 0.3s;
    transform: rotate(90deg);
}

.uploader {
    padding: 60px 20px;
    border: 2px dashed var(--border);
    border-radius: 10px;
    text-align: center;
    background-color: var(--background);
    cursor: pointer;
    transition: border-color 0.3s;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.uploader:hover {
    background: var(--tertiary);
}

.uploader.dragging {
    border-color: var(--primary-brand);
}

.preview {
    margin-top: 15px;
}

.preview img {
    max-width: 100%;
    height: auto;
    border-radius: 5px;
}

.file-info {
    margin-top: 10px;
    font-size: 0.9rem;
    color: var(--muted-foreground);
}

.status-success {
    color: #2acd41;
    background-color: #2acd4013;
}

.status-warning {
    color: #d3aa00;
    background-color: #fdcc0314;
}

.status-idle {
    color: #69696f;
    background-color: #69696f1f;
    border: 1px solid #69696f4d;
}

.status-danger {
    color: #e70008;
    background-color: #d70e1511;
}

.custom-alert {
    display: flex;
    align-items: center;
    /* padding: 10px 15px; */
    padding-left: 0.75rem;
    padding-right: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    background-color: var(--foreground);
    border-left: 6px solid var(--secondary);
    /* border-radius: 4px; */
    color: var(--muted-foreground);
    font-size: 14px;
    line-height: 1.5;
    cursor: pointer;
}

.custom-alert .icon {
    margin-right: 10px;
    font-size: 16px;
}

.custom-alert:hover .message {
    text-decoration: underline;
    color: var(--muted-foreground);
}

.wrap-title {
    display: inline-block;
    max-width: auto;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ts-wrapper {
    padding: 0 !important;
    border: none !important;
}

.ts-wrapper.plugin-remove_button:not(.rtl) .item .remove {
    border-left: 0px !important;
    margin-left: 2px !important;
}

.ts-control,
.ts-wrapper.single.input-active .ts-control {
    background: var(--background) !important;
    box-shadow: var(--fancy-shadow) !important;
    border: none !important;
    border-radius: 6px !important;
}

.ts-wrapper.multi .ts-control>div,
.ts-wrapper .ts-control>div {
    cursor: pointer;
    margin: 3px !important;
    padding: 4px 8px;
    background: var(--input);
    color: var(--foreground);
    border: 0 solid #d0d0d0;
    border-radius: 4px;
    line-height: 10px !important;
}

.ts-wrapper.multi .ts-control>div>span,
.ts-wrapper .ts-control>div>span {
    color: var(--foreground) !important;
}

.ts-control {
    height: fit-content !important;
    padding: 2px !important;
    min-height: 38px !important;
    max-height: 100px !important;
    overflow-y: visible !important;
    overflow-x: hidden !important;
}

.ts-control::-webkit-scrollbar {
    width: 14px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.ts-control::-webkit-scrollbar-track {
    background-color: var(--background) !important;
}

.ts-control::-webkit-scrollbar-thumb {
    background-color: var(--input);
    box-shadow: inset 0px 0px 0px 4px var(--background) !important;
    border-radius: 16px;
    border: none !important;
}

.ts-control>input {
    width: auto !important;
    padding: 4px 8px !important;
}

.ts-control>input::placeholder {
    color: var(--muted-foreground) !important;
    font-size: 14px !important;
    font-weight: normal !important;
    padding-left: 0px;
}

.ts-dropdown .optgroup-header {
    color: var(--muted-foreground) !important;
    background: var(--background) !important;
    font-size: 14px !important;
    cursor: default;
}

.ts-dropdown .active {
    color: var(--foreground) !important;
    background: var(--card) !important;
    font-size: 14px !important;
}

.ts-dropdown {
    border: 1px solid var(--input) !important;
    background: var(--background) !important;
    margin: 0.25rem 0 0 !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    font-size: 14px !important;
}

.ts-dropdown .active:hover {
    background: var(--background) !important;
}

.ts-dropdown,
.ts-control,
.ts-control input {
    color: var(--foreground) !important;
}

.ts-dropdown .option,
.ts-dropdown .optgroup-header,
.ts-dropdown .no-results,
.ts-dropdown .create {
    padding: 8px 12px !important;
}

.ts-dropdown [data-selectable] .highlight {
    background: var(--tertiary) !important;
    border-radius: 4px !important;
    padding: 2px 0 5px 0 !important;
}

.container-preview {
    border: 1px solid var(--input);
}

.preview .card,
.preview header {
    display: flex;
    width: 100%;
}

.preview {
    flex-direction: column;
    width: 100%;
    border: 3px dashed var(--foreground);
    border-radius: 0.25rem;
}

.preview header {
    align-items: center;
    justify-content: center;
    background-color: var(--quartenary);
    min-height: 43px;
}

.preview header h2 {
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    text-wrap: wrap;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    width: 100%;
}

.preview .card {
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem 0.25rem;
    box-sizing: border-box;
    overflow: hidden;
    max-width: 100%;
}

.preview .icon-preview {
    color: red;
}

.preview .card img {
    max-width: 64px;
    max-height: 64px;
    width: auto;
    height: auto;
}

.preview .card #text-preview #product-name {
    color: red;
    text-decoration: underline;
}

#text-preview {
    width: 69%;
    flex: 1;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
}

.orderbump .card,
.orderbump header {
    display: flex;
    width: 100%;
    padding: 12px;
    background: red;
}

.orderbump {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    border: 1px solid var(--input);
    border-radius: 8px;
    overflow: hidden;
}

.orderbump header {
    align-items: center;
    justify-content: start;
    gap: 8px;
}

.orderbump header h2 {
    font-size: 14px;
    color: white;
    text-align: center;
    font-weight: 500;
    text-wrap: wrap;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    line-height: 16px;
}

.orderbump .orderbump-body {
    flex-direction: row;
    align-items: center;
    gap: 14px;
    box-sizing: border-box;
    max-width: 100%;
    padding: 6px 14px 14px 14px;
}

.orderbump .icon-orderbump {
    color: white;
    width: 16px !important;
    transform: rotate(90deg);
}

.orderbump .orderbump-body img {
    max-width: 64px;
    max-height: 64px;
    width: auto;
    height: auto;
    border-radius: 6px;
}

.orderbump .orderbump-body #text-orderbump #product-name {
    color: var(--black);
    line-height: 16px;
}

#text-orderbump {
    width: 69%;
    flex: 1;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    font-size: 16px !important;
}

.radius-8-8-0-0 {
    border-radius: 8px 8px 0 0;
}

.dragging {
    cursor: move !important;
}

.move {
    cursor: move !important;
}

.tb-borderless {
    border: 1px solid var(--input);
    border-radius: 8px !important;
    border-collapse: separate;
    border-spacing: 0;
}

.tb-borderless thead {
    border-radius: 8px !important;
    border-collapse: collapse;
    border-spacing: 0;
    overflow: hidden;
}

.tb-borderless thead tr th:first-child {
    border: none;
    border: 1px solid var(--input);
    padding: 12px;
    border-radius: 6px 0 0 0 !important;
}

.tb-borderless thead tr th:last-child {
    border: none;
    border: 1px solid var(--input);
    padding: 12px;
    border-radius: 0 6px 0 0 !important;
}

/* .tb-borderless tbody tr:last-child td:last-child {
    border-bottom: none;
} */

@media (max-width: 1199px) {
    .tb-borderless {
        border: none !important;
    }
}

.thumb {
    height: 54px;
    width: 110px;
    object-fit: cover;
    border-radius: 6px;
}

/* Spectrum Color Picker Custom CSS */

input.spectrum.with-add-on {
    border: 1px solid var(--input) !important;
    border-left: none !important;
    border-radius: 0 6px 6px 0 !important;
    padding: 4px 6px !important;
    font-size: 14px !important;
    background: var(--tertiary) !important;
    color: var(--foreground) !important;
}

.sp-original-input-container {
    height: 36px !important;
}

.sp-original-input-container .sp-add-on {
    border: 1px solid var(--input) !important;
    border-right: none !important;
    border-radius: 6px 0 0 6px !important;
    overflow: hidden !important;
    width: 36px !important;
    height: 36px !important;
    flex-shrink: 0 !important;
}

.sp-original-input-container .sp-add-on .sp-colorize {
    border-radius: 0px !important;
    height: 36px !important;
    width: 36px !important;
}

.sp-container {
    background-color: var(--background) !important;
    border-radius: 8px !important;
    color: var(--foreground) !important;
}

.sp-palette-container {
    border-right: solid 1px var(--input) !important;
}

.sp-input {
    padding: 6px 8px !important;
    border-radius: 6px !important;
    border: 1px solid var(--input) !important;
    color: var(--foreground) !important;
}

.sp-button-container.sp-cf,
.sp-initial.sp-thumb.sp-cf,
.sp-input-container.sp-cf {
    height: fit-content !important;
}

.sp-clear-enabled .sp-clear {
    filter: invert(0) !important;
}

.dark .sp-clear-enabled .sp-clear {
    filter: invert(1) !important;
}

.form-check-input[type=checkbox] {
    background-color: var(--card) !important;
    border: 2px solid var(--input) !important;
    border-radius: 6px !important;
}

.form-check-input[type=radio] {
    border: 1px solid var(--input) !important;
}

.note-editor.note-frame,
.note-editor.note-airframe {
    border: 1px solid var(--input) !important;
    padding: 0 !important;
    font-size: 14px !important;
    overflow: hidden !important;
}

.note-handle {
    margin-top: 4px !important;
}

.note-btn-group .note-btn {
    border: none !important;
    padding: 4px 6px !important;
}

.note-btn-group .note-btn i,
.note-current-fontname {
    color: var(--foreground) !important;
}

.note-popover .popover-content .note-dropdown-menu.note-check a i,
.note-editor .note-toolbar .note-dropdown-menu.note-check a i,
.note-editor .note-toolbar .note-dropdown-menu.note-check a span {
    color: var(--foreground) !important;
}

.note-editable,
.note-editable * {
    color: var(--foreground) !important;
    font-family: 'Inter' !important;
    font-size: 14px !important;
}

.dropdown-item:hover,
.dropdown-item:focus {
    color: var(--foreground) !important;
    background-color: var(--tertiary) !important;
}

.note-popover .popover-content .note-style .dropdown-style h1,
.note-popover .popover-content .note-style .dropdown-style h2,
.note-popover .popover-content .note-style .dropdown-style h3,
.note-popover .popover-content .note-style .dropdown-style h4,
.note-popover .popover-content .note-style .dropdown-style h5,
.note-popover .popover-content .note-style .dropdown-style h6,
.note-popover .popover-content .note-style .dropdown-style p,
.note-editor .note-toolbar .note-style .dropdown-style h1,
.note-editor .note-toolbar .note-style .dropdown-style h2,
.note-editor .note-toolbar .note-style .dropdown-style h3,
.note-editor .note-toolbar .note-style .dropdown-style h4,
.note-editor .note-toolbar .note-style .dropdown-style h5,
.note-editor .note-toolbar .note-style .dropdown-style h6,
.note-editor .note-toolbar .note-style .dropdown-style p,
.note-popover .popover-content .note-style .dropdown-style blockquote,
.note-popover .popover-content .note-style .dropdown-style pre,
.note-editor .note-toolbar .note-style .dropdown-style blockquote,
.note-editor .note-toolbar .note-style .dropdown-style pre {
    color: var(--foreground) !important;
}

.note-editor.note-frame .note-statusbar .note-resizebar .note-icon-bar,
.note-editor.note-airframe .note-statusbar .note-resizebar .note-icon-bar {
    border-top: 1px solid var(--foreground) !important;
}

.note-toolbar {
    background: var(--tertiary) !important;
}

.note-editor.note-frame .note-statusbar,
.note-editor.note-airframe .note-statusbar {
    background: transparent !important;
    border: none !important;
}

.note-editing-area * {
    background: none !important;
    border: none !important;
    color: var(--foreground) !important;
    font-size: 14px !important;
    font-family: 'Inter' !important;
    margin: 0 !important;
}

.page-placeholder {
    background-image: url('../img/placeholder.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 100%;
    height: 295px;
}

.dark .page-placeholder {
    background-image: url('../img/placeholder-dark.png');
}

.recommendation-item {
    padding-left: 70px;
}

.recommendation-item::before {
    display: block;
    content: attr(data-offset-count);
    color: rgb(0, 0, 0);
    position: absolute;
    left: 6px;
    top: 0px;
    height: 30px;
    bottom: 0px;
    font-size: 60px;
    text-shadow: rgb(255, 255, 255) 2px 0px 0px, rgb(255, 255, 255) 1.75517px 0.958851px 0px, rgb(255, 255, 255) 1.0806px 1.68294px 0px, rgb(255, 255, 255) 0.141474px 1.99499px 0px, rgb(255, 255, 255) -0.832294px 1.81859px 0px, rgb(255, 255, 255) -1.60229px 1.19694px 0px, rgb(255, 255, 255) -1.97998px 0.28224px 0px, rgb(255, 255, 255) -1.87291px -0.701566px 0px, rgb(255, 255, 255) -1.30729px -1.5136px 0px, rgb(255, 255, 255) -0.421592px -1.95506px 0px, rgb(255, 255, 255) 0.567324px -1.91785px 0px, rgb(255, 255, 255) 1.41734px -1.41108px 0px, rgb(255, 255, 255) 1.92034px -0.558831px 0px, rgb(139, 139, 139) 0px 0px 10px, rgb(139, 139, 139) 0px 0px 12px, rgb(139, 139, 139) 0px 0px 14px, rgb(139, 139, 139) 0px 0px 16px;
    margin: auto;
    transition: transform 0.25s ease-in-out;
}

.after-delay::after {
    content: "";
    background: linear-gradient(to left, #333, #333 50%, #eee 75%, #333 75%);
}

.contents,
.contents-row {
    position: relative;
}

.contents>.btn-slide,
.contents-row>.btn-slide {
    position: absolute !important;
    top: 0 !important;
    width: 4.8rem !important;
    height: 100% !important;
    background: linear-gradient(90deg, #0b0b0e, transparent) !important;
    z-index: 10;
    opacity: 0;
    transition: opacity .3s ease, transform .3s ease !important;
    border: none !important;
    border-radius: 0 !important;
}

.contents:hover>.btn-slide,
.contents-row:hover>.btn-slide {
    opacity: 1;
}

.contents .btn-slide.previous,
.contents-row .btn-slide.previous {
    left: 0;
    background: linear-gradient(90deg, var(--background) 2.5%, transparent 102.12%) !important;
    backdrop-filter: blur(5px);
}

.contents .btn-slide.next,
.contents-row .btn-slide.next {
    right: 0;
    background: linear-gradient(270deg, var(--background) 2.5%, transparent 102.12%) !important;
    backdrop-filter: blur(5px);
}

@media (max-width: 767.98px) {
    .contents > .btn-slide,
    .contents-row > .btn-slide,
    .contents .btn-slide.previous,
    .contents-row .btn-slide.previous,
    .contents .btn-slide.next,
    .contents-row .btn-slide.next {
        background: transparent !important;
        backdrop-filter: none !important;
    }
}

.contents div .accordion-body .card-prev,
.card-row {
    min-width: 440px;
    width: 440px;
    height: 220px;
}

.contents div .accordion-body .card-prev,
.card-columns {
    min-width: 320px;
    width: 320px;
    height: 360px;
}

.add-item.vert {
    width: 160px;
    min-width: 160px;
    height: 360px;
}

.add-item.horz {
    width: 240px;
    min-width: 240px;
    height: 220px;
}

.recommendation-item figure {
    position: relative;
    width: 100%;
    height: 100%;
    border: 1px solid var(--input);
}

.recommendation-item figcaption {
    display: flex;
    justify-content: center;
    align-items: end;
    width: 100%;
    font-size: 18px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
    padding: 18px;
    height: 150px;
    text-align: center;
    color: var(--foreground);
    font-weight: 500;
    background: linear-gradient(0deg, var(--background), transparent);
    opacity: 1;
}

.recommendation-item figure,
.recommendation-item figcaption {
    border-radius: 8px;
    overflow: hidden;
}

.recommendation-item figure .remove-recommendation-item {
    opacity: 0;
}

.dragging-item {
    cursor: grab;
    touch-action: none;
}

.recommendation-item figure:hover .remove-recommendation-item {
    opacity: 1;
}

.media-item-wrapper {
    position: relative;
    width: 100%;
    max-width: 200px;
    object-position: center;
    object-fit: cover;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.media-item-wrapper-sm {
    position: relative;
    width: 124px;
    min-width: 124px;
    height: 124px;
    min-height: 124px;
    object-position: center;
    object-fit: cover;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.media-item-wrapper-sm>img,
.media-item-wrapper>img {
    object-fit: cover;
    width: 100%;
    max-width: 100% !important;
    border-radius: 6px;
    height: 100%;
    background: var(--background);
}

.media-item-wrapper-sm>.btn-trash,
.media-item-wrapper>.btn-trash {
    position: absolute;
    top: -12px;
    right: -12px;
}

.media-item-wrapper-sm>.overlay,
.media-item-wrapper>.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--foreground);
    font-size: 24px;
    font-weight: 900;
    cursor: pointer;
    transition: all 0.3s;
}

.media-item-wrapper-sm>.overlay:hover,
.media-item-wrapper>.overlay:hover {
    opacity: 1;
}

.center-absolute {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.fade-top-blur {
    backdrop-filter: blur(20px) !important;
    mask: linear-gradient(transparent, white 60%) !important;
    transition: .4s;
    opacity: 1 !important;
}

.horizontal-orientation,
.vertical-orientation {
    opacity: 0.5;
}

.horizontal-orientation.active,
.vertical-orientation.active,
.horizontal-orientation:hover,
.vertical-orientation:hover {
    background-color: var(--accent) !important;
    opacity: 1;
}

.nowrap-1pc {
    width: 1%;
    white-space: nowrap;
}

#cursor-badge {
    position: absolute;
    z-index: 999999999;
    background: linear-gradient(360deg, #ff8700, #ff951f);
    color: #fff;
    padding: 3px 6px;
    border: 1px solid #ff8700;
    border-radius: 0 8px 8px 8px;
    pointer-events: none;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
}

.flex-1 {
    flex: 1;
}

.flex.justify-between.flex-1 {
    display: flex;
    justify-content: space-between;
    flex: 1;
}

.flex.justify-between.flex-1 a {
    background-color: var(--primary) !important;
    color: var(--primary-foreground);
}

.flex.justify-between.flex-1 span {
    background-color: var(--background) !important;
    color: var(--foreground);
    border: 1px solid var(--input) !important;
}

.truncate-multiline {
    word-break: break-word;
    white-space: normal;
    overflow: hidden;
    display: -webkit-box !important;
    align-items: center !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    text-overflow: ellipsis;
}

.break-word {
    word-break: break-word;
}

.delete-avatar {
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

#path_avatar_canvas:hover .delete-avatar {
    opacity: 1;
}

.iti input.iti__tel-input,
.iti input.iti__tel-input[type=text],
.iti input.iti__tel-input[type=tel] {
    padding-left: 82px !important;
}

.iti .iti__selected-dial-code,
.iti__country-list .iti__flag,
.iti__country-name,
.iti__dial-code {
    font-size: 14px;
    line-height: 100%;
}

.iti__country.iti__highlight {
    background-color: var(--background) !important;
}

.iti--inline-dropdown .iti__dropdown-content {
    border: var(--input) solid var(--input) !important;
}

.iti__dropdown-content {
    background-color: var(--background) !important;
}

.del-btn svg {
    opacity: .5;
    transition: all 0.3s ease-in-out;
}

.del-btn:hover svg {
    opacity: 1;
    stroke: #d70e15;
}

.ellipsis-single-line {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100% !important;
}

.dark input {
    color-scheme: dark;
}

input {
    color-scheme: light;
}

.filter-search-input {
    border-radius: 0;
    border-right: 0 !important;
    border-left: 0 !important;
    border-top: 0 !important;
    margin-top: 6px;
}

body.swal2-toast-shown .swal2-container.swal2-top-end,
body.swal2-toast-shown .swal2-container.swal2-top-right {
    height: fit-content !important;
}

.truncate-label-dropdown {
    display: block !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: start !important;
}

.truncate-label-dropdown {
    display: block !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: start !important;
}

.ellipsis-single-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

.placeholder-effect .item-effect {
    display: inline-block;
    min-height: 1em;
    vertical-align: middle;
    cursor: wait;
    background-color: currentcolor;
    opacity: 0.5;
}

.placeholder-effect .item-effect.btn::before {
    display: inline-block;
    content: "";
}

.placeholder-glow .placeholder-effect .item-effect {
    animation: placeholder-glow 2s ease-in-out infinite;
}

.code-copy {
    white-space: pre-wrap;
    overflow-wrap: break-word;
    word-break: break-word;
    cursor: pointer;
}

.\!d-flex {
    display: flex !important;
}

.td-max-w100 {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.section-min-h {
    min-height: calc(100vh - 64px);
}

.notazz-logo {
    background-image: url('../img/logos/notazz.png');
    background-repeat: no-repeat;
    background-position: start;
    background-size: contain;
}

.dark .notazz-logo {
    background-image: url('../img/logos/notazz-light.png');
    background-repeat: no-repeat;
    background-position: start;
    background-size: contain;
}

button[aria-expanded="true"] .chevron-icon-rotatable {
    transform: rotate(180deg);
    transition: transform 0.3s ease;
}

button .chevron-icon-rotatable {
    transition: transform 0.3s ease;
}

.custon-hr {
    background-color: var(--tertiary);
    height: 5px;
}

.custon-hr {
    background-color: var(--tertiary);
    height: 5px;
}

.hover\:text-white:hover {
    color: #fff !important;
}


.text-overflow-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hover\:text-white:hover {
    color: #fff !important;
}

.text-overflow-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.full-size-media .media-item-wrapper {
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    object-position: center;
    object-fit: cover;
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: absolute !important;
    top: 0;
}

.certificate-container .media-item-wrapper {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    max-width: 100% !important;
    max-height: 100% !important;
    pointer-events: none;
    z-index: 9;
    padding-bottom: 24px;
}

.certificate-container .modal-trigger-btn {
    z-index: 0 !important;
}

.certificate-container {
    position: relative;
}

.certificate-subtitle {
    position: absolute;
    bottom: 24px;
    left: 0;
    z-index: 25;
    pointer-events: none;
    padding: 48px 24px;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    object-position: center;
    object-fit: cover;
    display: none !important;
    align-items: center;
    justify-content: center;
    position: absolute !important;
    top: 0;
}

.certificate-container:has(.media-item-wrapper img:not([style*="display: none"])) .certificate-subtitle {
    display: flex !important;
}

.certificate-color-text {
    color: #000 !important;
}

/* ============================================================
   Checkout Customization — Fullscreen Modal + Two-Panel Layout
   ============================================================ */

/* color-scheme utility for native date/time inputs in dark mode */
.color-scheme-dark {
    color-scheme: dark;
}

/* Fullscreen overlay */
.checkout-fullscreen-overlay {
    position: fixed;
    inset: 0;
    z-index: 1060;
    background: rgba(0, 0, 0, 0.7);
    display: none;
    align-items: center;
    justify-content: center;
}

.checkout-fullscreen-overlay.active {
    display: flex;
}

.checkout-fullscreen-modal {
    position: absolute;
    inset: 24px;
    background: var(--background);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--border);
}

.checkout-modal-body {
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

/* Wrapper that fills the modal or the standalone page */
.checkout-customize-wrapper {
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow: hidden;
    min-height: 0;
    height: 100%;
}

/* Modal header (AJAX context) */
.checkout-customize-modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 24px;
    border-bottom: 1px solid var(--border);
    flex-shrink: 0;
    background: var(--background);
}

/* Standalone header */
.checkout-customize-standalone .checkout-standalone-header {
    flex-shrink: 0;
}

/* Two-panel container */
.checkout-customize-panels {
    display: flex;
    flex: 1;
    overflow: hidden;
    min-height: 0;
}

.checkout-customize-standalone .checkout-customize-panels {
    height: calc(100vh - 180px);
}

/* Left panel */
.checkout-panel-left {
    width: 40%;
    display: flex;
    flex-direction: column;
    border-right: 1px solid var(--border);
    overflow: hidden;
    flex-shrink: 0;
}

.checkout-form-inner {
    display: flex !important;
    flex-direction: column !important;
    flex: 1;
    overflow: hidden;
    min-height: 0;
}

.checkout-panel-left-content {
    flex: 1;
    overflow-y: auto;
    padding: 24px;
    scrollbar-color: var(--tertiary) var(--background);
}

.checkout-panel-left-content::-webkit-scrollbar-track {
    background: var(--background);
}

.checkout-panel-left-content::-webkit-scrollbar-thumb {
    background: var(--tertiary);
}

.checkout-panel-left-footer {
    padding: 16px 24px;
    border-top: 1px solid var(--border);
    background: var(--background);
    flex-shrink: 0;
    display: flex;
    justify-content: flex-end;
}

/* Right panel */
.checkout-panel-right {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: var(--accent);
}

/* Preview device tabs */
.checkout-preview-device-tabs {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    background: var(--background);
    border-bottom: 1px solid var(--border);
    flex-shrink: 0;
}

.checkout-preview-tab {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 6px;
    border: 1px solid var(--border);
    background: transparent;
    color: var(--muted-foreground);
    font-size: 13px;
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
}

.checkout-preview-tab.active {
    background: var(--primary);
    border-color: var(--primary);
    color: var(--primary-foreground);
}

/* Preview viewport (scrollable area around the frame) */
.checkout-preview-viewport {
    flex: 1;
    overflow: auto;
    padding: 24px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    scrollbar-color: var(--tertiary) var(--background);
}

.checkout-preview-viewport::-webkit-scrollbar-track {
    background: var(--background);
}

.checkout-preview-viewport::-webkit-scrollbar-thumb {
    background: var(--tertiary);
}

/* Preview frame (the checkout simulation) */
.checkout-preview-frame {
    background: var(--preview-bg-color, #F1F1EF);
    color: var(--preview-text-color, #000000);
    border-radius: 8px;
    overflow: hidden;
    pointer-events: none;
    user-select: none;
    width: 100%;
    max-width: 1200px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12);
    transition: max-width 0.25s ease;
}

.checkout-preview-frame.device-mobile {
    max-width: 375px;
}

/* Banner area */
.checkout-preview-banner {
    width: 100%;
    background: var(--muted);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.checkout-preview-banner-img {
    width: 100%;
    height: auto;
    display: block;
}

.checkout-preview-banner-placeholder {
    font-size: 12px;
    color: var(--muted-foreground);
    z-index: 1;
}

/* Timer bar */
.checkout-preview-timer {
    background: var(--preview-timer-bg-color, #000000);
    color: var(--preview-timer-text-color, #ffffff);
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.checkout-preview-timer-inner {
    display: flex;
    align-items: center;
    gap: 10px;
}

.checkout-preview-timer-label {
    font-size: 12px;
    color: var(--preview-timer-text-color, #ffffff);
    margin: 0;
}

.checkout-preview-timer-countdown {
    font-size: 14px;
    font-weight: 600;
    color: var(--preview-timer-text-color, #ffffff);
    margin: 0;
}

/* Content area */
.checkout-preview-content {
    padding: 20px 16px;
}

/* Layout row (main col + optional sidebar col) */
.checkout-preview-layout-row {
    display: flex;
    gap: 16px;
    justify-content: center;
    align-items: flex-start;
}

/* Main column (col-lg-7 equivalent) */
.checkout-preview-col-main {
    flex: 0 1 580px;
    min-width: 0;
    width: 100%;
}

/* Sidebar column (col-lg-3 equivalent — sidebar banner only) */
.checkout-preview-col-sidebar {
    flex: 0 0 160px;
}

/* Mobile sidebar banner (replicates md-visible sidebar row) */
.checkout-preview-sidebar-mobile-wrap {
    display: none;
    width: 100%;
    margin-top: 8px;
}

.checkout-preview-sidebar-mobile-img {
    width: 100%;
    height: auto;
    display: block;
}

.checkout-preview-frame.device-mobile .checkout-preview-sidebar-mobile-wrap {
    display: block;
}

.checkout-preview-frame.device-mobile .checkout-preview-sidebar-mobile-wrap.hidden {
    display: none;
}

/* Box fields (replicating checkout's .box-fields) */
.checkout-preview-box-fields {
    background: #ffffff;
    border-radius: 8px;
    padding: 20px;
    border: 1px solid #e5e7eb;
}

/* Product info row */
.checkout-preview-product-row {
    display: flex;
    align-items: flex-start;
}

/* Product thumbnail placeholder (replicating .imagem-produto-thumbnail: 110×84px) */
.checkout-preview-thumbnail {
    object-fit: cover;
    object-position: center;
    height: 84px;
    width: 120px;
    border-radius: 6px;
    flex-shrink: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.checkout-preview-thumbnail-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Product info text area */
.checkout-preview-product-info {
    flex: 1;
    padding-left: 16px;
    display: flex;
    flex-direction: column;
}

/* Real product name and price */
.checkout-preview-product-name {
    font-size: 13px;
    font-weight: 600;
    color: #18181b;
    margin: 0;
    line-height: 1.4;
}

.checkout-preview-product-price {
    font-size: 13px;
    font-weight: 400;
    color: #71717a;
    margin: 0;
}

/* Skeleton lines */
.checkout-preview-skeleton-line {
    height: 12px;
    background: #e4e4e7;
    border-radius: 4px;
}

.checkout-preview-product-title-line {
    width: 65%;
}

.checkout-preview-price-line {
    width: 35%;
    height: 14px;
}

/* HR separator */
.checkout-preview-hr {
    border: 0;
    border-top: 1px solid #e5e7eb;
    margin: 14px 0;
}

/* Form row */
.checkout-preview-form-row {
    display: flex;
    gap: 8px;
}

/* Form column */
.checkout-preview-form-col {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

/* Field label text */
.checkout-preview-field-label-text {
    font-size: 11px;
    color: #71717a;
    font-weight: 500;
    line-height: 1.4;
}

/* Input field (replicating .form-control in checkout) */
.checkout-preview-field {
    height: 32px;
    background: #ffffff;
    border-radius: 6px;
    border: 1px solid #e4e4e7;
    width: 100%;
}

/* Payment methods (replicating .radiosPagamentos) */
.checkout-preview-radios {
    display: flex;
    gap: 8px;
}

.checkout-preview-radio {
    flex: 1;
}

.checkout-preview-radiomark {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 8px 10px;
    border: 1px solid #e4e4e7;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 600;
}

.checkout-preview-radiomark.active {
    background-color: var(--preview-btn-color, #000000);
    color: #ffffff;
    border-color: var(--preview-btn-color, #000000);
}

/* Credit card section — two-column layout (form + card visual) */
.checkout-preview-card-layout {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.checkout-preview-card-form {
    flex: 0 0 50%;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

/* Field with icon pinned to the right */
.checkout-preview-field-icon-right {
    position: relative;
}

.checkout-preview-card-brands {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    gap: 3px;
    pointer-events: none;
}

.checkout-preview-brand-img {
    height: 8px;
    width: auto;
    object-fit: contain;
}

.checkout-preview-brand-img-tall {
    height: 10px;
}

.checkout-preview-field-hint {
    font-size: 10px;
    color: #a1a1aa;
    margin-top: 2px;
    display: block;
}

/* Expiry column (~57%) and CVV column (remaining) */
.checkout-preview-expiry-col {
    flex: 0 0 57%;
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.checkout-preview-cvv-col {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.checkout-preview-cvv-icon {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    color: #d4d4d8;
    pointer-events: none;
    display: flex;
    align-items: center;
}

/* Select-style field (chevron arrow) */
.checkout-preview-select-field {
    position: relative;
}

.checkout-preview-select-field::after {
    content: '';
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #a1a1aa;
    pointer-events: none;
}

/* Credit card visual (right column) */
.checkout-preview-card-visual {
    flex: 1;
    min-width: 0;
}

.checkout-preview-frame.device-mobile .checkout-preview-card-visual {
    display: none;
}

.checkout-preview-frame.device-mobile .checkout-preview-card-form {
    flex: 1;
}

.checkout-preview-credit-card {
    width: 100%;
    aspect-ratio: 1.586;
    border-radius: 10px;
    background: #dddddd;
    padding: 12px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: #ffffff;
    overflow: hidden;
}

.checkout-preview-credit-card-chip {
    width: 22px;
    height: 16px;
    border-radius: 3px;
    background: linear-gradient(135deg, #d4a843 0%, #f5d07a 50%, #c8902a 100%);
}

.checkout-preview-credit-card-number {
    font-size: 14px;
    letter-spacing: 2px;
    font-family: monospace;
    color: rgba(255, 255, 255, 0.5);
}

.checkout-preview-credit-card-bottom {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.checkout-preview-credit-card-label {
    font-size: 9px;
    color: rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.checkout-preview-credit-card-value {
    font-size: 11px;
    color: rgba(255, 255, 255, 0.5);
    font-weight: 500;
    letter-spacing: 0.5px;
}

/* Buy button (replicating checkout's .buy-btn) */
.checkout-preview-buy-btn {
    width: 100%;
    padding: 10px 20px;
    background: var(--preview-btn-color, #000000);
    color: #ffffff;
    border: none;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: default;
}

/* Security text */
.checkout-preview-secure-text {
    font-size: 10px;
    color: #71717a;
    display: flex;
    align-items: center;
    gap: 4px;
}

/* Sidebar banner wrapper */
.checkout-preview-sidebar-banner-wrap {
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 200px;
    background: var(--muted);
}

.checkout-preview-sidebar-img {
    width: 100%;
    height: auto;
    display: block;
}

/* Responsive: stack panels on small screens */
@media (max-width: 767px) {
    .checkout-fullscreen-modal {
        inset: 0;
        border-radius: 0;
    }

    .checkout-customize-panels {
        flex-direction: column;
        overflow-y: auto;
    }

    .checkout-panel-left {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid var(--border);
        max-height: 60dvh;
    }

    .checkout-panel-right {
        width: 100%;
        max-height: 40dvh;
    }

    .checkout-customize-standalone .checkout-customize-panels {
        height: auto;
    }
}

/* Checkout overlay — skeleton shimmer loading state */
@keyframes checkout-shimmer {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}

.checkout-sk {
    display: block;
    border-radius: 4px;
    background: linear-gradient(90deg, #e9e9ea 25%, #f8f8f9 50%, #e9e9ea 75%);
    background-size: 400% 100%;
    animation: checkout-shimmer 2.4s ease-in-out infinite;
}

.checkout-sk-banner {
    display: block;
    width: 100%;
    height: 100px;
    border-radius: 0;
    background: linear-gradient(90deg, #e9e9ea 25%, #f8f8f9 50%, #e9e9ea 75%);
    background-size: 400% 100%;
    animation: checkout-shimmer 2.4s ease-in-out infinite;
}

body.dark .checkout-sk,
body.dark .checkout-sk-banner {
    background: linear-gradient(90deg, #252527 25%, #323235 50%, #252527 75%);
    background-size: 400% 100%;
}

.daterange::placeholder {
    color: #ffffff;
    opacity: 0.5;
    font-weight: 300;
    font-size: 14px;
}

.daterange::-webkit-input-placeholder {
    color: #ffffff;
    opacity: 0.5;
    font-weight: 300;
    font-size: 14px;
}

.daterange:-moz-placeholder {
    color: #ffffff;
    opacity: 0.5;
    font-weight: 300;
    font-size: 14px;
}

.daterange::-moz-placeholder {
    color: #ffffff;
    opacity: 0.5;
    font-weight: 300;
    font-size: 14px;
}

.daterange:-ms-input-placeholder {
    color: #ffffff;
    opacity: 0.5;
    font-weight: 300;
    font-size: 14px;
}

/* RFM Dashboard */
.rfm-segment-badge {
    display: inline-flex;
    align-items: center;
    border-radius: 20px;
    padding: 2px 10px;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
}

.rfm-segment-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border-radius: 100px;
    padding: 6px 12px 6px 8px;
    width: fit-content;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
}

.rfm-segment-pill.rfm-segment-vip {
    color: #f59e0b;
    background-color: rgba(245, 158, 11, 0.15);
}

.rfm-segment-pill.rfm-segment-promising {
    color: #3b82f6;
    background-color: rgba(59, 130, 246, 0.15);
}

.rfm-segment-pill.rfm-segment-at-risk {
    color: #e70008;
    background-color: rgba(231, 0, 8, 0.15);
}

.rfm-segment-pill.rfm-segment-inactive {
    color: #6b7280;
    background-color: rgba(107, 114, 128, 0.15);
}

.rfm-segment-pill p {
    color: inherit;
}

.rfm-segment-vip {
    color: #b45309;
    background-color: #fef3c71a;
    /* border: 1px solid #fcd34d80; */
}

.rfm-segment-promising {
    color: #1d4ed8;
    background-color: #dbeafe1a;
    /* border: 1px solid #93c5fd80; */
}

.rfm-segment-at_risk {
    color: #ee0a12;
    background-color: #d70e1511;
    /* border: 1px solid #e7000880; */
}

.rfm-segment-inactive {
    color: #4b5563;
    background-color: #f3f4f61a;
    /* border: 1px solid #d1d5db80; */
}

.rfm-kpi-card {
    border: 1px solid var(--input);
    border-radius: 8px;
    padding: 20px;
    background-color: var(--tertiary);
}

.rfm-distribution-card {
    border: 1px solid var(--input);
    border-radius: 8px;
    padding: 20px;
    background-color: var(--tertiary);
}


.rfm-kpi-value {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    color: var(--foreground);
}

.rfm-segment-card {
    border: 1px solid var(--input);
    border-radius: 8px;
    padding: 20px;
    background-color: var(--tertiary);
}


.rfm-segment-card-accent {
    width: 4px;
    border-radius: 4px;
    flex-shrink: 0;
    align-self: stretch;
}

.rfm-segment-card-accent.rfm-accent-vip {
    background-color: #f59e0b;
}

.rfm-segment-card-accent.rfm-accent-promising {
    background-color: #3b82f6;
}

.rfm-segment-card-accent.rfm-accent-at_risk {
    background-color: #e70008;
}

.rfm-segment-card-accent.rfm-accent-inactive {
    background-color: #6b7280;
}

.rfm-progress-bar {
    height: 4px;
    border-radius: 4px;
}

.rfm-progress-track {
    height: 4px;
    border-radius: 4px;
    background-color: var(--secondary);
}

.rfm-progress-bar.rfm-accent-vip {
    background-color: #f59e0b;
}

.rfm-progress-bar.rfm-accent-promising {
    background-color: #3b82f6;
}

.rfm-progress-bar.rfm-accent-at_risk {
    background-color: #e70008;
}

.rfm-progress-bar.rfm-accent-inactive {
    background-color: #6b7280;
}

#admin-quick-create-bar {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 64px;
    z-index: 1040;
    background: var(--background);
    border-top: 1px solid var(--border);
    padding: 20px 32px;
    transition: left 0.3s;
}

.dashboard.active #admin-quick-create-bar,
.dashboard.active-force #admin-quick-create-bar {
    left: 240px;
}

.rfm-page-section>.padding40 {
    padding-bottom: 90px !important;
}

.rfm-modal-close {
    top: 24px !important;
    right: 24px !important;
}


.note-popover.popover {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 1060 !important;
    padding: 1px !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 1.42857143 !important;
    text-align: left !important;
    text-align: start !important;
    text-decoration: none !important;
    text-shadow: none !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    word-break: normal !important;
    word-spacing: normal !important;
    word-wrap: normal !important;
    white-space: normal !important;
    background-color: var(--tertiary) !important;
    -webkit-background-clip: padding-box !important;
    background-clip: padding-box !important;
    border: none !important;
    border-radius: 6px !important;
    height: fit-content !important;
    margin: 14px !important;
    -webkit-box-shadow: var(--fancy-shadow) !important;
    box-shadow: var(--fancy-shadow) !important;
    line-break: auto !important;
}

.note-popover.popover .popover-body {
    padding: 6px 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.grabbable {
    cursor: move;
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

.grabbable:active {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}

.max-h-100 {
    max-height: 100% !important;
}

.h-90 {
    height: 90% !important;
}

.accordion-button.collapsed .lucide-chevron-down {
    transform: rotate(0deg);
}

.accordion-button .lucide-chevron-down {
    transform: rotate(180deg);
}

@keyframes pulse {
    0% {
        opacity: 1;
        transform: scale(1);
    }

    50% {
        opacity: 0.5;
        transform: scale(1.05);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.pulse {
    animation: pulse 2s ease-in-out infinite;
}

.-start-14 {
    left: -14px !important;
}

.menu-content-notifications {
    border-radius: 14px !important;
    margin-right: 10px !important;
    min-width: 420px !important;
    left: unset !important;
    right: 0 !important;
    top: 40px !important;
}

.note-btn-group {
    gap: 6px;
}

.note-btn {
    border-radius: 6px !important;
}

.note-btn::before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    background-color: var(--foreground);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    vertical-align: middle;
}

.note-btn:hover,
.note-btn.active,
.note-btn.show {
    background-color: var(--background) !important;
}

.note-btn-bold i,
.note-btn-italic i,
.note-btn-underline i,
.note-btn[aria-label*="Remove Font Style"] i,
.note-btn[aria-label*="Unordered list"] i,
.note-btn[aria-label*="Ordered list"] i,
.note-btn[aria-label="Paragraph"] i {
    display: none !important;
}

.note-btn-bold::before {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12h9a4 4 0 0 1 0 8H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h7a4 4 0 0 1 0 8'%3E%3C/path%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12h9a4 4 0 0 1 0 8H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h7a4 4 0 0 1 0 8'%3E%3C/path%3E%3C/svg%3E");
}

.note-btn-italic::before {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='19' x2='10' y1='4' y2='4'%3E%3C/line%3E%3Cline x1='14' x2='5' y1='20' y2='20'%3E%3C/line%3E%3Cline x1='15' x2='9' y1='4' y2='20'%3E%3C/line%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='19' x2='10' y1='4' y2='4'%3E%3C/line%3E%3Cline x1='14' x2='5' y1='20' y2='20'%3E%3C/line%3E%3Cline x1='15' x2='9' y1='4' y2='20'%3E%3C/line%3E%3C/svg%3E");
}

.note-btn-underline::before {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 4v6a6 6 0 0 0 12 0V4'%3E%3C/path%3E%3Cline x1='4' x2='20' y1='20' y2='20'%3E%3C/line%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 4v6a6 6 0 0 0 12 0V4'%3E%3C/path%3E%3Cline x1='4' x2='20' y1='20' y2='20'%3E%3C/line%3E%3C/svg%3E");
}

.note-btn[aria-label*="Remove Font Style"]::before {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 21H8a2 2 0 0 1-1.42-.587l-3.994-3.999a2 2 0 0 1 0-2.828l10-10a2 2 0 0 1 2.829 0l5.999 6a2 2 0 0 1 0 2.828L12.834 21'%3E%3C/path%3E%3Cpath d='m5.082 11.09 8.828 8.828'%3E%3C/path%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 21H8a2 2 0 0 1-1.42-.587l-3.994-3.999a2 2 0 0 1 0-2.828l10-10a2 2 0 0 1 2.829 0l5.999 6a2 2 0 0 1 0 2.828L12.834 21'%3E%3C/path%3E%3Cpath d='m5.082 11.09 8.828 8.828'%3E%3C/path%3E%3C/svg%3E");
}

.note-btn[aria-label*="Unordered list"]::before {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5h.01'%3E%3C/path%3E%3Cpath d='M3 12h.01'%3E%3C/path%3E%3Cpath d='M3 19h.01'%3E%3C/path%3E%3Cpath d='M8 5h13'%3E%3C/path%3E%3Cpath d='M8 12h13'%3E%3C/path%3E%3Cpath d='M8 19h13'%3E%3C/path%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5h.01'%3E%3C/path%3E%3Cpath d='M3 12h.01'%3E%3C/path%3E%3Cpath d='M3 19h.01'%3E%3C/path%3E%3Cpath d='M8 5h13'%3E%3C/path%3E%3Cpath d='M8 12h13'%3E%3C/path%3E%3Cpath d='M8 19h13'%3E%3C/path%3E%3C/svg%3E");
}

.note-btn[aria-label*="Ordered list"]::before {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 5h10'%3E%3C/path%3E%3Cpath d='M11 12h10'%3E%3C/path%3E%3Cpath d='M11 19h10'%3E%3C/path%3E%3Cpath d='M4 4h1v5'%3E%3C/path%3E%3Cpath d='M4 9h2'%3E%3C/path%3E%3Cpath d='M6.5 20H3.4c0-1 2.6-1.925 2.6-3.5a1.5 1.5 0 0 0-2.6-1.02'%3E%3C/path%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 5h10'%3E%3C/path%3E%3Cpath d='M11 12h10'%3E%3C/path%3E%3Cpath d='M11 19h10'%3E%3C/path%3E%3Cpath d='M4 4h1v5'%3E%3C/path%3E%3Cpath d='M4 9h2'%3E%3C/path%3E%3Cpath d='M6.5 20H3.4c0-1 2.6-1.925 2.6-3.5a1.5 1.5 0 0 0-2.6-1.02'%3E%3C/path%3E%3C/svg%3E");
}

.note-btn[aria-label="Paragraph"]::before {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 5H3'%3E%3C/path%3E%3Cpath d='M15 12H3'%3E%3C/path%3E%3Cpath d='M17 19H3'%3E%3C/path%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 5H3'%3E%3C/path%3E%3Cpath d='M15 12H3'%3E%3C/path%3E%3Cpath d='M17 19H3'%3E%3C/path%3E%3C/svg%3E");
}

.invisible-select,
.invisible-select:focus,
.invisible-select:active,
.invisible-select:hover {
    box-shadow: none !important;
    border: none !important;
    background-color: transparent !important;
    color: var(--foreground) !important;
    font-size: 14px !important;
    background-image: none !important;
    padding: 0 !important;
}

.spring-menu {
    position: relative;
    display: inline-block;
}

.spring-menu__btn svg {
    opacity: .7;
}

.spring-menu__btn:hover svg {
    opacity: 1;
}

.spring-menu__panel {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    z-index: 1056;
    width: 260px;
    background: var(--background);
    color: var(--foreground);
    border: 1px solid rgba(255, 255, 255, .08);
    box-shadow: 0 12px 40px rgba(0, 0, 0, .4);
    border-radius: 16px;
    padding: 6px;
    pointer-events: none;
    opacity: 0;
    transform: translateY(-6px) scale(.98);
    transform-origin: top left;
}

.spring-menu__list {
    display: grid;
}

.spring-menu__item {
    width: 100%;
    text-align: left;
    background: transparent;
    border: 0;
    color: inherit;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 500;
}

.spring-menu__sep {
    height: 1px;
    background: rgba(255, 255, 255, .08);
    margin: 6px 4px;
    border-radius: 1px;
}

.badge-red {
    background-color: hsla(357, 46%, 16%, 1);
    color: hsla(358, 100%, 69%, 1);
    padding: 4px 8px;
    border-radius: 20px;
}

.nav.nav-tabs.thin-nav-tabs {
    border: none;
    background-color: transparent;
    padding: 0;
    border-radius: 0;
    border-bottom: 1px solid var(--input);
    gap: 18px;
}

.nav.nav-tabs.thin-nav-tabs .nav-link {
    background-color: transparent !important;
    background: transparent !important;
    color: var(--muted-foreground) !important;
    border: none !important;
    border-radius: 0;
    padding: 0px 2px 14px 2px !important;
}

.nav.nav-tabs.thin-nav-tabs .nav-link.active {
    color: var(--foreground) !important;
    border-bottom: 2px solid var(--primary) !important;
}

.f-size-14-all * {
    font-size: 14px !important;
}

.h-\[calc\(100\%\-\80px\)\] {
    height: calc(100% - 80px) !important;
}

.h-84 {
    height: 84% !important;
}

.line-clamp-1 {
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    line-clamp: 1 !important;
    text-overflow: ellipsis;
}

/* Referral Links Table - Mobile Responsive */
@media (max-width: 768px) {
    .referral-links-table td[data-title="Link"] .flex-start {
        gap: 4px !important;
    }

    .referral-links-table td[data-title="Link"] span {
        font-size: 11px !important;
        margin-bottom: 2px !important;
    }

    .referral-links-table td[data-title="Link"] .btn {
        font-size: 10px !important;
        padding: 2px 4px !important;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .referral-links-table td[data-title="Link"] .btn i {
        width: 10px !important;
        height: 10px !important;
        margin-right: 4px !important;
    }

    .referral-links-table td[data-title="Limite de convidados"] {
        font-size: 11px !important;
    }

    .referral-links-table td[data-title="Limite de convidados"]>div {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: end !important;
        gap: 4px !important;
    }

    .referral-links-table td[data-title="Limite de convidados"] .gap-2 {
        gap: 2px !important;
    }

    .referral-links-table td[data-title="Limite de convidados"] i {
        width: 12px !important;
        height: 12px !important;
    }

    .referral-links-table td[data-title="Limite de convidados"] .padding4 {
        padding: 2px !important;
    }

    .referral-links-table td[data-title="Expira em"] {
        font-size: 11px !important;
    }

    .referral-links-table td[data-title="Expira em"] i {
        width: 12px !important;
        height: 12px !important;
        margin-right: 4px !important;
    }

    .referral-links-table td {
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }
}

/* Estilos específicos para mobile - Pagamentos Futuros */
@media (max-width: 768px) {
    #futurePaymentsModal .modal-body {
        padding: 1rem !important;
    }

    #futurePaymentsModal .paddingr32 {
        padding-right: 2rem !important;
    }

    #futurePaymentsModal .text-lg {
        font-size: 1.125rem !important;
    }

    #futurePaymentsModal .text-sm {
        font-size: 0.75rem !important;
    }

    #futurePaymentsModal .table-responsive-mobile {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        margin: 0 -1rem;
        padding: 0 1rem;
    }

    #futurePaymentsModal .future-payments-table {
        font-size: 0.75rem !important;
        min-width: 100%;
    }

    #futurePaymentsModal .future-payments-table th,
    #futurePaymentsModal .future-payments-table td {
        padding: 0.5rem 0.35rem !important;
        white-space: nowrap;
    }

    #futurePaymentsModal .future-payments-table th {
        font-size: 0.7rem !important;
    }

    #futurePaymentsModal .future-payments-table th .flex-center {
        flex-direction: column;
        gap: 0.25rem;
        align-items: flex-start !important;
    }

    #futurePaymentsModal .future-payments-table th .icon-mobile {
        display: none;
    }

    #futurePaymentsModal .future-payments-table td p {
        font-size: 0.7rem !important;
        margin: 0 !important;
    }

    #futurePaymentsModal .future-payments-table .marginl2 {
        margin-left: 0 !important;
    }

    #futurePaymentsModal .text-xs {
        font-size: 0.65rem !important;
        line-height: 1.3;
    }

    #futurePaymentsModal .margint12 {
        margin-top: 0.75rem !important;
    }

    #futurePaymentsModal .gap-2 {
        gap: 0.35rem !important;
    }
}

@media (max-width: 576px) {
    #futurePaymentsModal .modal-body {
        padding: 0.875rem !important;
    }

    #futurePaymentsModal .paddingr32 {
        padding-right: 1.5rem !important;
    }

    #futurePaymentsModal .future-payments-table th,
    #futurePaymentsModal .future-payments-table td {
        padding: 0.4rem 0.25rem !important;
    }

    #futurePaymentsModal .future-payments-table th {
        font-size: 0.65rem !important;
    }

    #futurePaymentsModal .future-payments-table td p {
        font-size: 0.65rem !important;
    }
}

@media (max-width: 768px) {
    .menu-content-notifications {
        border-radius: 14px !important;
        margin-right: -66px !important;
        min-width: 347px !important;
        left: unset !important;
        right: 0 !important;
        top: 40px !important;
    }

    .menu-content-notifications .js-notification-meta {
        white-space: normal;
        overflow-wrap: anywhere;
        word-break: break-word;
    }
}

.btn.text-primary-foreground:disabled,
.btn.text-primary-foreground.disabled,
fieldset:disabled .btn.text-primary-foreground {
    opacity: 0.5 !important;
    color: var(--primary-foreground) !important;
    border-color: transparent !important;
}

.btn.text-foreground:disabled,
.btn.text-foreground.disabled,
fieldset:disabled .btn.text-foreground {
    opacity: 0.5 !important;
    color: var(--foreground) !important;
}

.dotted-background {
    background-color: var(--background);
    /* The background color around the dots */
    background-image: radial-gradient(var(--input) 1px, transparent 0);
    /* Creates a 1px black dot with a sharp transition to transparent */
    background-size: 20px 20px;
    /* Controls the spacing between dot centers (width and height of the repeating pattern tile) */
}

.form-control.invisible-form-control {
    border: none !important;
    border-color: transparent !important;
    border-bottom: 1px solid transparent !important;
    background-color: transparent !important;
    color: var(--foreground) !important;
    font-size: 18px !important;
    background-image: none !important;
    padding: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    border-bottom: 1px solid var(--input) !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

.ace_editor,
.ace_editor * {
    line-height: 2;
}

.translate-x-1\/2 {
    transform: translateX(50%);
}

.translate-y-1\/2 {
    transform: translateY(50%);
}

.-translate-x-1\/2 {
    transform: translateX(-50%);
}

.-translate-y-1\/2 {
    transform: translateY(-50%);
}

/* DRIVER JS TOUR */

.driver-popover {
    all: unset;
    box-sizing: border-box;
    color: var(--primary-foreground) !important;
    margin: 0;
    padding: 16px !important;
    border-radius: 10px !important;
    min-width: 250px !important;
    max-width: 300px !important;
    box-shadow: 0 1px 10px #0006 !important;
    z-index: 1000000000;
    position: fixed;
    top: 0;
    right: 0;
    background-color: var(--primary) !important;
}

.driver-popover-title {
    font-weight: 700 !important;
    display: block !important;
    position: relative !important;
    line-height: 1.2 !important;
    zoom: 0 !important;
    margin: 0 !important;
    margin-bottom: 8px !important;
    font-family: 'Inter' !important;
    font-size: 16px !important;
    letter-spacing: -0.15px !important;
}

.driver-popover-description {
    font-size: 14px !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    font-family: 'Inter' !important;
    font-weight: 400 !important;
    color: var(--primary-foreground) !important;
}

.driver-popover-footer button {
    all: unset;
    display: inline-block;
    box-sizing: border-box;
    padding: 6px 8px !important;
    text-decoration: none !important;
    text-shadow: none !important;
    background-color: var(--background) !important;
    color: var(--foreground) !important;
    cursor: pointer;
    outline: 0 !important;
    zoom: 0 !important;
    line-height: 1.2 !important;
    border: none !important;
    border-radius: 6px !important;
    box-shadow: var(--fancy-shadow) !important;
    font-size: 12px !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 500 !important;
}

.driver-popover-arrow {
    border: 5px solid var(--primary) !important;
}

.driver-popover-arrow-side-top {
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    border-left-color: transparent !important;
}

.strikethrough {
    text-decoration: line-through;
}

.badge-danger {
    --bs-bg-opacity: 0.1;
    background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
    border-radius: 20px;
    color: rgba(var(--bs-danger-rgb), 1) !important;
    font-size: 16px;
    font-weight: normal;
    padding: 6px 10px 6px 8px;
}

.badge-success {
    --bs-bg-opacity: 0.1;
    background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
    border-radius: 20px;
    color: rgba(var(--bs-success-rgb), 1) !important;
    font-size: 16px;
    font-weight: normal;
    padding: 6px 10px 6px 8px;
}

.badge-warning {
    --bs-bg-opacity: 0.1;
    background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
    border-radius: 20px;
    color: rgba(var(--bs-warning-rgb), 1) !important;
    font-size: 16px;
    font-weight: normal;
    padding: 6px 10px 6px 8px;
}

.badge-secondary {
    --bs-bg-opacity: 0.1;
    background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
    border-radius: 20px;
    color: rgba(var(--bs-secondary-rgb), 1) !important;
    font-size: 16px;
    font-weight: 500;
    padding: 6px 10px 6px 8px;
}

.\!m-0 {
    margin: 0 !important;
}

/* SIMULADOR DE TAXAS */

.sales-simulator-modal .ssm-header {
    padding: 20px 20px 18px;
    border-bottom: 1px solid var(--border);
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.sales-simulator-modal .ssm-sim-row {
    padding: 14px 20px;
    border-bottom: 1px solid var(--border);
}

.sales-simulator-modal .ssm-inputs {
    display: flex;
    align-items: center;
    gap: 8px;
}

.sales-simulator-modal .ssm-field-product {
    order: 1;
}

.sales-simulator-modal .ssm-field-receive {
    order: 3;
}

.sales-simulator-modal .ssm-inputs .ssm-divider-toggle {
    order: 2;
    flex-shrink: 0;
}

.sales-simulator-modal .ssm-inputs.ssm-inputs-inverse .ssm-field-product {
    order: 3;
}

.sales-simulator-modal .ssm-inputs.ssm-inputs-inverse .ssm-field-receive {
    order: 1;
}

.sales-simulator-modal .ssm-field {
    flex: 1;
    background: var(--background-secondary);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 10px 13px;
    transition: border-color .15s;
}

.sales-simulator-modal .ssm-field:focus-within {
    border-color: var(--foreground-tertiary);
}

.sales-simulator-modal .ssm-field-label {
    font-size: 10.5px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--muted-foreground);
    margin-bottom: 5px;
}

.sales-simulator-modal .ssm-field-value {
    display: flex;
    align-items: baseline;
    gap: 4px;
}

.sales-simulator-modal .ssm-currency {
    font-size: 13px;
    font-weight: 500;
    color: var(--muted-foreground);
}

.sales-simulator-modal .ssm-input {
    font-family: inherit;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -.02em;
    color: var(--foreground);
    background: transparent;
    border: none;
    outline: none;
    width: 100%;
}

.sales-simulator-modal .ssm-output {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -.02em;
    color: #2fbe74;
}

.sales-simulator-modal .ssm-divider {
    display: flex;
    align-items: center;
}

.sales-simulator-modal .ssm-meta {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 10px;
    flex-wrap: wrap;
}

.sales-simulator-modal .ssm-tag {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 11.5px;
    font-weight: 500;
    padding: 3px 9px;
    border-radius: 999px;
    border: 1px solid;
    white-space: nowrap;
}

.sales-simulator-modal .ssm-tag-blue {
    color: #3b82f6;
    border-color: rgba(59, 130, 246, .3);
    background: rgba(59, 130, 246, .10);
}

.sales-simulator-modal .ssm-tag-neutral {
    color: var(--muted-foreground);
    border-color: var(--border);
    background: transparent;
}

.sales-simulator-modal .ssm-tag-green {
    color: #2fbe74;
    border-color: rgba(47, 190, 116, .3);
    background: rgba(47, 190, 116, .10);
}

.sales-simulator-modal .ssm-tag-purple {
    color: #c084fc;
    border-color: rgba(192, 132, 252, .3);
    background: rgba(192, 132, 252, .10);
}

.sales-simulator-modal .ssm-tag-dot {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: currentColor;
}

.sales-simulator-modal .ssm-chip-toggle {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 11.5px;
    font-weight: 500;
    font-family: inherit;
    padding: 3px 9px;
    border-radius: 999px;
    border: 1px solid var(--border);
    background: transparent;
    color: var(--muted-foreground);
    cursor: pointer;
    transition: all .15s;
    user-select: none;
}

.sales-simulator-modal .ssm-chip-toggle:hover {
    border-color: var(--foreground-tertiary);
    color: var(--foreground);
}

.sales-simulator-modal .ssm-chip-toggle.ssm-active-seller {
    background: rgba(59, 130, 246, .10);
    border-color: rgba(59, 130, 246, .3);
    color: #3b82f6;
}

.sales-simulator-modal .ssm-chip-toggle.ssm-active-co {
    background: rgba(192, 132, 252, .10);
    border-color: rgba(192, 132, 252, .3);
    color: #c084fc;
}

.sales-simulator-modal .ssm-chip-toggle.ssm-active-interest {
    background: rgba(251, 191, 36, .10);
    border-color: rgba(251, 191, 36, .3);
    color: #fbbf24;
}

.sales-simulator-modal .ssm-extra-panel {
    border-bottom: 1px solid var(--border);
    background: var(--background-secondary);
    overflow: hidden;
    max-height: 0;
    transition: max-height .2s ease;
}

.sales-simulator-modal .ssm-extra-panel.ssm-open {
    max-height: 520px;
}

.sales-simulator-modal .ssm-interest-panel {
    border-bottom: 1px solid var(--border);
    background: var(--background-secondary);
    overflow: hidden;
    max-height: 0;
    transition: max-height .25s ease, padding .25s ease;
}

.sales-simulator-modal .ssm-interest-panel.ssm-interest-open {
    max-height: 160px;
}

.sales-simulator-modal .ssm-interest-panel-inner {
    padding: 10px 20px 12px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.sales-simulator-modal .ssm-interest-info-icon {
    color: var(--muted-foreground);
}

.sales-simulator-modal .ssm-interest-panel-label,
.sales-simulator-modal .ssm-interest-panel-hint {
    font-size: 11.5px;
    color: var(--muted-foreground);
}

.sales-simulator-modal .ssm-interest-steps {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.sales-simulator-modal .ssm-interest-step {
    font-family: inherit;
    font-size: 11px;
    font-weight: 500;
    padding: 4px 8px;
    border-radius: 999px;
    border: 1px solid var(--border);
    background: transparent;
    color: var(--muted-foreground);
    cursor: pointer;
    transition: all .15s;
}

.sales-simulator-modal .ssm-interest-step:hover {
    border-color: var(--foreground-tertiary);
    color: var(--foreground);
}

.sales-simulator-modal .ssm-interest-step.ssm-interest-step-active {
    background: rgba(251, 191, 36, .10);
    border-color: rgba(251, 191, 36, .35);
    color: #fbbf24;
}

.sales-simulator-modal .ssm-extra-inner {
    padding: 12px 20px;
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

.sales-simulator-modal .ssm-extra-group {
    flex: 1;
    min-width: 200px;
    display: none;
    flex-direction: column;
    gap: 7px;
}

.sales-simulator-modal .ssm-extra-group-label {
    font-size: 11px;
    font-weight: 500;
    color: var(--muted-foreground);
    text-transform: uppercase;
    letter-spacing: .05em;
    display: flex;
    align-items: center;
    gap: 6px;
}

.sales-simulator-modal .ssm-pill-label {
    padding: 1px 7px;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0;
}

.sales-simulator-modal .ssm-pill-seller {
    background: rgba(59, 130, 246, .10);
    color: #3b82f6;
}

.sales-simulator-modal .ssm-pill-co {
    background: rgba(192, 132, 252, .10);
    color: #c084fc;
}

.sales-simulator-modal .ssm-extra-inputs {
    display: flex;
    gap: 6px;
}

.sales-simulator-modal .ssm-qty-row {
    display: flex;
    align-items: center;
    gap: 8px;
}

.sales-simulator-modal .ssm-qty-field {
    width: 90px;
    flex: 0 0 90px;
}

.sales-simulator-modal .ssm-mini-field {
    flex: 1;
    background: var(--background);
    border: 1px solid var(--border);
    border-radius: 6px;
    padding: 7px 10px;
}

.sales-simulator-modal .ssm-mini-label {
    font-size: 10px;
    color: var(--muted-foreground);
    margin-bottom: 3px;
}

.sales-simulator-modal .ssm-mini-input {
    font-family: inherit;
    font-size: 13px;
    font-weight: 500;
    color: var(--foreground);
    background: transparent;
    border: none;
    outline: none;
    width: 100%;
}

.sales-simulator-modal .ssm-individual-rows {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.sales-simulator-modal .ssm-person-row {
    display: flex;
    align-items: center;
    gap: 6px;
}

.sales-simulator-modal .ssm-person-label {
    font-size: 11px;
    font-weight: 500;
    color: var(--muted-foreground);
    white-space: nowrap;
    min-width: 90px;
}

.sales-simulator-modal .ssm-person-label.ssm-person-label-seller {
    color: #3b82f6;
}

.sales-simulator-modal .ssm-person-label.ssm-person-label-co {
    color: #c084fc;
}

.sales-simulator-modal .ssm-pct-field {
    width: 110px;
    flex: 0 0 110px;
}

.sales-simulator-modal .ssm-pct-suffix {
    font-size: 12px;
    color: var(--muted-foreground);
    flex-shrink: 0;
}

.sales-simulator-modal .ssm-panel-divider {
    width: 1px;
    background: var(--border);
    align-self: stretch;
    display: none;
}

.sales-simulator-modal .ssm-part-tabs {
    display: none;
    border-bottom: 1px solid var(--border);
    background: var(--background-secondary);
}

.sales-simulator-modal .ssm-part-tab {
    font-family: inherit;
    font-size: 12px;
    font-weight: 500;
    padding: 10px 16px;
    background: transparent;
    border: none;
    color: var(--muted-foreground);
    cursor: pointer;
    border-bottom: 2px solid transparent;
    transition: all .15s;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-bottom: -1px;
}

.sales-simulator-modal .ssm-part-tab:hover {
    color: var(--foreground);
}

.sales-simulator-modal .ssm-part-tab.ssm-active-seller {
    color: #3b82f6;
    border-bottom-color: #3b82f6;
}

.sales-simulator-modal .ssm-part-tab.ssm-active-co {
    color: #c084fc;
    border-bottom-color: #c084fc;
}

.sales-simulator-modal .ssm-tab-count {
    font-size: 10px;
    font-weight: 600;
    padding: 1px 5px;
    border-radius: 4px;
    line-height: 1.4;
    background: var(--background);
    color: var(--muted-foreground);
}

.sales-simulator-modal .ssm-part-tab.ssm-active-seller .ssm-tab-count {
    background: rgba(59, 130, 246, .10);
    color: #3b82f6;
}

.sales-simulator-modal .ssm-part-tab.ssm-active-co .ssm-tab-count {
    background: rgba(192, 132, 252, .10);
    color: #c084fc;
}

.sales-simulator-modal .ssm-part-body {
    display: none;
    padding: 12px 20px 14px;
    background: var(--background-secondary);
}

.sales-simulator-modal .ssm-person-list {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 10px;
}

.sales-simulator-modal .ssm-person-list:empty {
    margin-bottom: 0;
}

.sales-simulator-modal .ssm-seller-row {
    display: grid;
    grid-template-columns: 1fr 130px auto;
    align-items: center;
    gap: 6px;
}

.sales-simulator-modal .ssm-seller-group {
    border: 1px solid rgba(251, 191, 36, .25);
    border-radius: 8px;
    overflow: hidden;
    background: var(--background-secondary);
}

.sales-simulator-modal .ssm-manager-row {
    display: grid;
    grid-template-columns: 1fr 150px 28px;
    align-items: center;
    gap: 6px;
    padding: 8px 10px;
    border-bottom: 1px solid rgba(251, 191, 36, .15);
}

.sales-simulator-modal .ssm-manager-label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 500;
    color: #fbbf24;
}

.sales-simulator-modal .ssm-manager-badge {
    font-size: 9px;
    font-weight: 600;
    letter-spacing: .04em;
    background: rgba(251, 191, 36, .09);
    border: 1px solid rgba(251, 191, 36, .2);
    color: #fbbf24;
    padding: 1px 6px;
    border-radius: 4px;
    text-transform: uppercase;
}

.sales-simulator-modal .ssm-manager-unlink-btn {
    width: 28px;
    height: 28px;
    border-radius: 6px;
    background: transparent;
    border: 1px solid transparent;
    color: var(--muted-foreground);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .15s;
}

.sales-simulator-modal .ssm-manager-unlink-btn:hover {
    background: rgba(248, 113, 113, .1);
    border-color: rgba(248, 113, 113, .2);
    color: #f87171;
}

.sales-simulator-modal .ssm-seller-row.ssm-seller-row-nested {
    grid-template-columns: 1fr 130px;
    padding: 7px 10px;
    background: var(--background-secondary);
}

.sales-simulator-modal .ssm-link-manager-btn {
    font-family: inherit;
    font-size: 11px;
    font-weight: 500;
    color: var(--muted-foreground);
    background: transparent;
    border: 1px solid transparent;
    border-radius: 6px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 0 7px;
    height: 32px;
    white-space: nowrap;
    transition: all .15s;
}

.sales-simulator-modal .ssm-link-manager-btn:hover {
    color: #fbbf24;
    border-color: rgba(251, 191, 36, .3);
    background: rgba(251, 191, 36, .09);
}

.sales-simulator-modal .ssm-co-row {
    display: grid;
    grid-template-columns: auto 1fr auto 130px 28px;
    align-items: center;
    gap: 8px;
}

.sales-simulator-modal .ssm-co-checks {
    display: flex;
    align-items: center;
    gap: 12px;
}

.sales-simulator-modal .ssm-co-check {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    user-select: none;
}

.sales-simulator-modal .ssm-co-check input[type="checkbox"] {
    display: none;
}

.sales-simulator-modal .ssm-co-check-box {
    width: 14px;
    height: 14px;
    border-radius: 3px;
    border: 1px solid var(--foreground-tertiary);
    background: var(--background);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all .12s;
}

.sales-simulator-modal .ssm-co-check-box::after {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 6px;
    background: transparent;
    transition: all .12s;
}

.sales-simulator-modal .ssm-co-check input:checked+.ssm-co-check-box {
    background: #c084fc;
    border-color: #c084fc;
}

.sales-simulator-modal .ssm-co-check input:checked+.ssm-co-check-box::after {
    background: #fff;
}

.sales-simulator-modal .ssm-co-check-text {
    font-size: 11px;
    font-weight: 500;
    color: var(--muted-foreground);
}

.sales-simulator-modal .ssm-co-type-toggle {
    display: flex;
    align-items: center;
    background: var(--background);
    border: 1px solid var(--border);
    border-radius: 6px;
    overflow: hidden;
    height: 32px;
    flex-shrink: 0;
}

.sales-simulator-modal .ssm-co-type-btn {
    font-family: inherit;
    font-size: 11.5px;
    font-weight: 500;
    padding: 0 9px;
    height: 100%;
    border: none;
    background: transparent;
    color: var(--muted-foreground);
    cursor: pointer;
}

.sales-simulator-modal .ssm-co-type-btn+.ssm-co-type-btn {
    border-left: 1px solid var(--border);
}

.sales-simulator-modal .ssm-co-type-btn.ssm-active {
    background: rgba(192, 132, 252, .10);
    color: #c084fc;
}

.sales-simulator-modal .ssm-person-field-prefix.ssm-hidden,
.sales-simulator-modal .ssm-person-field-suffix.ssm-hidden {
    display: none;
}

.sales-simulator-modal .ssm-person-row {
    display: grid;
    grid-template-columns: 1fr 130px 28px;
    align-items: center;
    gap: 6px;
}

.sales-simulator-modal .ssm-person-row-label {
    font-size: 11px;
    font-weight: 500;
    color: var(--muted-foreground);
    padding-left: 2px;
}

.sales-simulator-modal .ssm-person-field {
    display: flex;
    align-items: center;
    gap: 5px;
    background: var(--background);
    border: 1px solid var(--border);
    border-radius: 6px;
    padding: 0 10px;
    height: 32px;
    transition: border-color .15s;
}

.sales-simulator-modal .ssm-person-field:focus-within {
    border-color: var(--foreground-tertiary);
}

.sales-simulator-modal .ssm-person-field-input {
    font-family: inherit;
    font-size: 13px;
    font-weight: 500;
    color: var(--foreground);
    background: transparent;
    border: none;
    outline: none;
    width: 100%;
    min-width: 0;
    text-align: right;
}

.sales-simulator-modal .ssm-person-field-input::placeholder {
    color: var(--muted-foreground);
    font-size: 13px;
    font-weight: 400;
}

.sales-simulator-modal .ssm-person-field-suffix {
    font-size: 12px;
    color: var(--muted-foreground);
    flex-shrink: 0;
}

.sales-simulator-modal .ssm-remove-btn {
    width: 28px;
    height: 28px;
    border-radius: 6px;
    background: transparent;
    border: 1px solid transparent;
    color: var(--muted-foreground);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .15s;
}

.sales-simulator-modal .ssm-remove-btn:hover {
    background: rgba(248, 113, 113, .1);
    border-color: rgba(248, 113, 113, .2);
    color: #f87171;
}

.sales-simulator-modal .ssm-add-person-btn {
    font-family: inherit;
    font-size: 12px;
    font-weight: 500;
    background: transparent;
    border: 1px dashed var(--border);
    border-radius: 6px;
    color: var(--muted-foreground);
    padding: 7px 12px;
    cursor: pointer;
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    transition: all .15s;
}

.sales-simulator-modal .ssm-add-person-btn:hover {
    border-color: var(--foreground-tertiary);
    color: var(--foreground);
    background: rgba(255, 255, 255, .02);
}

.sales-simulator-modal .ssm-add-person-btn.ssm-add-person-btn-seller:hover {
    border-color: rgba(59, 130, 246, .3);
    color: #3b82f6;
    background: rgba(59, 130, 246, .10);
}

.sales-simulator-modal .ssm-add-person-btn.ssm-add-person-btn-co:hover {
    border-color: rgba(192, 132, 252, .3);
    color: #c084fc;
    background: rgba(192, 132, 252, .10);
}

.sales-simulator-modal .ssm-part-summary {
    display: none;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid var(--border);
}

.sales-simulator-modal .ssm-part-summary-label {
    font-size: 11.5px;
    color: var(--muted-foreground);
}

.sales-simulator-modal .ssm-part-summary-value {
    font-size: 12px;
    font-weight: 600;
}

.sales-simulator-modal .ssm-part-summary-value.ssm-part-summary-value-seller {
    color: #3b82f6;
}

.sales-simulator-modal .ssm-part-summary-value.ssm-part-summary-value-co {
    color: #c084fc;
}

.sales-simulator-modal .ssm-part-summary-value.ssm-summary-warn {
    color: #f87171 !important;
}

.sales-simulator-modal .ssm-table-wrap {
    overflow-y: auto;
    max-height: 45vh;
}

.sales-simulator-modal .ssm-table-wrap table {
    width: 100%;
    border-collapse: collapse;
}

.sales-simulator-modal .ssm-table-wrap thead th {
    font-size: 10.5px;
    font-weight: 500;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: var(--muted-foreground);
    text-align: left;
    padding: 10px 20px 8px;
    border-bottom: 1px solid var(--border);
    position: sticky;
    top: 0;
    background: var(--background);
    z-index: 2;
}

.sales-simulator-modal .ssm-table-wrap thead th:not(:first-child),
.sales-simulator-modal .ssm-table-wrap tbody td:not(:first-child) {
    text-align: right;
}

.sales-simulator-modal .ssm-table-wrap tbody tr+tr {
    border-top: 1px solid rgba(39, 39, 42, .5);
}

.sales-simulator-modal .ssm-table-wrap tbody td {
    padding: 10px 20px;
    font-size: 13px;
    color: var(--foreground);
    vertical-align: middle;
    font-feature-settings: 'tnum';
}

.sales-simulator-modal .ssm-label {
    display: flex;
    align-items: center;
    gap: 9px;
}

.sales-simulator-modal .ssm-badge {
    width: 26px;
    height: 26px;
    border-radius: 6px;
    background: var(--background-secondary);
    border: 1px solid var(--border);
    font-size: 10.5px;
    font-weight: 600;
    color: var(--muted-foreground);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.sales-simulator-modal .ssm-badge.ssm-badge-pix {
    color: #3b82f6;
    border-color: rgba(59, 130, 246, .25);
    background: rgba(59, 130, 246, .10);
}

.sales-simulator-modal .ssm-main {
    font-size: 13px;
    font-weight: 500;
    color: var(--foreground);
    line-height: 1.2;
}

.sales-simulator-modal .ssm-no-interest-badge {
    display: inline-flex;
    align-items: center;
    padding: 2px 7px;
    margin-left: 6px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .02em;
    color: #fbbf24;
    background: rgba(251, 191, 36, .10);
    border: 1px solid rgba(251, 191, 36, .25);
}

.sales-simulator-modal .ssm-sub {
    font-size: 11px;
    font-weight: 400;
    color: var(--muted-foreground);
    margin-top: 1px;
}

.sales-simulator-modal .ssm-td-client {
    color: var(--foreground) !important;
    font-weight: 500 !important;
}

.sales-simulator-modal .ssm-td-fee {
    color: #f87171 !important;
}

.sales-simulator-modal .ssm-td-net {
    color: #2fbe74 !important;
    font-weight: 600 !important;
}

.sales-simulator-modal .ssm-td-seller {
    color: #3b82f6 !important;
    font-weight: 500 !important;
}

.sales-simulator-modal .ssm-td-co {
    color: #c084fc !important;
    font-weight: 500 !important;
}

.sales-simulator-modal .ssm-td-dash {
    color: var(--muted-foreground) !important;
}

.sales-simulator-modal .ssm-breakdown {
    font-size: 10.5px;
    opacity: .5;
    margin-top: 2px;
}

.sales-simulator-modal .ssm-row-pix td {
    background: rgba(59, 130, 246, .025);
}

.sales-simulator-modal .ssm-col-seller,
.sales-simulator-modal .ssm-col-co {
    display: none;
}

.sales-simulator-modal.ssm-show-seller .ssm-col-seller {
    display: table-cell;
}

.sales-simulator-modal.ssm-show-co .ssm-col-co {
    display: table-cell;
}

.sales-simulator-modal .ssm-th-seller {
    color: #3b82f6 !important;
}

.sales-simulator-modal .ssm-th-co {
    color: #c084fc !important;
}

.sales-simulator-modal .ssm-footer {
    padding: 13px 20px;
    border-top: 1px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.sales-simulator-modal .ssm-footer-note {
    font-size: 11.5px;
    color: var(--muted-foreground);
    line-height: 1.5;
    margin: 0;
}

.sales-simulator-modal .ssm-footer-note strong {
    color: var(--foreground);
    font-weight: 500;
}

@media (max-width: 768px) {

    .sales-simulator-modal .ssm-inputs,
    .sales-simulator-modal .ssm-footer {
        flex-direction: column;
        align-items: stretch;
    }

    .sales-simulator-modal .ssm-extra-inner {
        gap: 12px;
    }

    .sales-simulator-modal .ssm-panel-divider {
        display: none !important;
    }

    .sales-simulator-modal .ssm-person-label {
        min-width: 76px;
    }

    .sales-simulator-modal .ssm-divider {
        display: none;
    }
}

/* END SIMULADOR DE TAXAS */

.history-logs-tracker {
    position: relative;
}

.history-logs-tracker::before {
    content: '';
    position: absolute;
    z-index: 10;
    left: 11px;
    top: 25px;
    width: 2px;
    height: calc(100% - 40px);
    background: var(--border);
}


/* Upsell Generator Modal */
.upsell-preview-accept-btn {
    background-color: #3b6be0;
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 12px 32px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    width: 100%;
}

.upsell-preview-decline-text {
    text-decoration: underline;
    cursor: pointer;
    font-size: 14px;
    color: #6b7280;
}

.upsell-color-input {
    width: 48px;
    height: 36px;
    padding: 2px 4px;
    cursor: pointer;
}

/* Promotions */
.promo-alert {
    position: relative;
    background: linear-gradient(135deg, rgba(23, 23, 27, .06) 0%, transparent 100%);
    border-left: 3px solid var(--primary) !important;
}

.promo-alert__icon {
    min-width: 36px;
}

.promo-card {
    transition: box-shadow .15s ease, background-color .15s ease;
}

.promo-card--interactive:hover {
    box-shadow: var(--fancy-shadow);
    background: var(--background) !important;
}

.promo-card__subtitle {
    line-height: 1.5;
}

.promo-modal__terms {
    max-height: 160px;
    overflow-y: auto;
    white-space: pre-line;
}

.promo-modal__highlight {
    border-left: 3px solid var(--primary) !important;
}

.promo-admin-helper-text {
    font-size: 11px;
}

/* ── System footer ───────────────────────────────────────────────────────────── */
.status-dot-wrapper {
    position: relative;
    width: 7px;
    height: 7px;
    flex-shrink: 0;
}

.status-dot,
.status-dot-ping {
    position: absolute;
    inset: 0;
    border-radius: 50%;
}

.status-dot--operational { background: #00af79; }
.status-dot--degraded    { background: #dd9c51; }
.status-dot--outage      { background: #dc2626; }

.status-dot-ping {
    opacity: 0.6;
    animation: status-dot-ping 1.5s cubic-bezier(0, 0, 0.2, 1) infinite;
}

@keyframes status-dot-ping {
    75%, 100% { transform: scale(2.5); opacity: 0; }
}

.status-page-link:hover {
    opacity: 0.7;
}

/* Upsell Generator Modal */
.upsell-preview-accept-btn {
    background-color: #3b6be0;
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 12px 32px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    width: 100%;
}

.upsell-preview-decline-text {
    text-decoration: underline;
    cursor: pointer;
    font-size: 14px;
    color: #6b7280;
}

.upsell-color-input {
    width: 48px;
    height: 36px;
    padding: 2px 4px;
    cursor: pointer;
}

/* ── System footer ───────────────────────────────────────────────────────────── */
.status-dot-wrapper {
    position: relative;
    width: 7px;
    height: 7px;
    flex-shrink: 0;
}

.status-dot,
.status-dot-ping {
    position: absolute;
    inset: 0;
    border-radius: 50%;
}

.status-dot--operational {
    background: #00af79;
}

.status-dot--degraded {
    background: #dd9c51;
}

.status-dot--outage {
    background: #dc2626;
}

.status-dot-ping {
    opacity: 0.6;
    animation: status-dot-ping 1.5s cubic-bezier(0, 0, 0.2, 1) infinite;
}

@keyframes status-dot-ping {

    75%,
    100% {
        transform: scale(2.5);
        opacity: 0;
    }
}

.status-page-link:hover {
    opacity: 0.7;
}

#iaProfileTabsList {
    scrollbar-width: thin;
    scrollbar-color: #888 transparent;
}

#iaProfileTabsList::-webkit-scrollbar {
    display: block;
    height: 4px;
}

#iaProfileTabsList::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 999px;
}

#iaProfileTabsList::-webkit-scrollbar-track {
    background: transparent;
}

/* === Review Screen — Document layout === */
.ia-doc-main {
    background: var(--background);
    border-radius: 14px;
    overflow: hidden;
    box-shadow: var(--fancy-shadow);
}

.ia-doc-header {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 18px;
    border-bottom: 1px solid var(--border);
}

.ia-doc-header-avatar {
    width: 60px;
    height: 60px;
    border-radius: 6px;
    background-image: url('../img/ia-gradient.gif');
    background-size: 167%;
    background-position: center;
    flex-shrink: 0;
}

.ia-doc-header-body {
    flex: 1;
    min-width: 0;
}

.ia-doc-header-name {
    font-size: 22px;
    font-weight: 600;
    margin: 0 0 8px;
    line-height: 1.2;
}

.ia-doc-header-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.ia-doc-header-badge {
    display: inline-flex;
    align-items: center;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 500;
    background: var(--tertiary);
    color: var(--foreground);
    white-space: nowrap;
}

.ia-doc-section {
    padding: 22px 24px;
    border-bottom: 1px solid var(--border);
}

.ia-doc-section:last-child {
    border-bottom: none;
}

.ia-doc-section-header {
    margin-bottom: 12px;
}

.ia-doc-section-title {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    line-height: 1.3;
}

.ia-doc-divider {
    border: none;
    border-top: 1px solid var(--border);
    margin: 0 0 18px;
}

.ia-doc-section-body {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.ia-doc-item {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.ia-doc-item-label {
    font-size: 11px;
    font-weight: 600;
    color: var(--muted-foreground);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin: 0;
}

.ia-doc-item-value {
    font-size: 14px;
    color: var(--foreground);
    margin: 0;
    line-height: 1.6;
    white-space: pre-line;
}

.ia-doc-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.ia-doc-chip {
    display: inline-flex;
    align-items: center;
    padding: 4px 12px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 500;
    background: var(--tertiary);
    color: var(--foreground);
    white-space: nowrap;
}

.ia-doc-footer-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    padding: 18px 24px;
    border-top: 1px solid var(--border);
}

.ia-doc-sidebar {
    display: flex;
    flex-direction: column;
    gap: 12px;
}


.ia-sidebar-panel {
    background: var(--background);
    border-radius: 12px;
    padding: 18px;
    box-shadow: var(--fancy-shadow);
}

@media (max-width: 900px) {
    .ia-doc-col-main,
    .ia-doc-col-sidebar {
        width: 100%;
        flex: 0 0 auto;
    }
}

.ia-suggestion-card {
    background-color: var(--tertiary);
    box-shadow: var(--fancy-shadow);
    transition: border-color .2s ease, background-color .2s ease, opacity .2s ease;
}

.ia-suggestion-card.is-saving {
    opacity: .82;
}

.ia-suggestion-card.is-accepted {
    --success: green;
    border-color: var(--success);
    background: color-mix(in srgb, var(--success) 5%, transparent);
}

.ia-suggestion-card.is-rejected {
    border-color: var(--input);
    background: transparent;
}

.page-creator-icon-box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 8px;
    background: rgba(13, 110, 253, 0.08);
    flex-shrink: 0;
}

.page-creator-layout-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    padding: 18px 16px;
    border: 1px solid var(--input);
    border-radius: 12px;
    background: var(--background);
    cursor: pointer;
    transition: border-color .2s ease, background-color .2s ease;
}

.page-creator-layout-card:hover {
    background: var(--tertiary);
}

.page-creator-layout-card.is-selected {
    border-color: #0d6efd;
    background: rgba(13, 110, 253, 0.06);
}

.page-creator-layout-main {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    min-width: 0;
}

.page-creator-layout-radio {
    width: 16px;
    height: 16px;
    margin-top: 2px;
    flex-shrink: 0;
}

.page-creator-layout-content {
    min-width: 0;
}

.page-creator-prompt-box {
    background: var(--tertiary);
    border: 1px solid var(--input);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: var(--shadow-sm, none);
}

.page-creator-prompt-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 16px;
}

.page-creator-copy-button {
    min-width: fit-content;
}

.page-creator-prompt-body {
    background: var(--background);
    border-top: 1px solid var(--input);
    padding: 16px;
}

.page-creator-prompt-text {
    margin: 0;
    max-height: 480px;
    overflow: auto;
    white-space: pre-wrap;
    word-break: break-word;
    font-size: 14px;
    line-height: 1.7;
    color: var(--foreground);
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    background: #000000;
    border: 1px solid rgba(255, 255, 255, 0.04);
}

@media (max-width: 768px) {
    .page-creator-layout-card {
        align-items: flex-start;
    }

    .page-creator-layout-main {
        width: 100%;
    }

    .page-creator-prompt-toolbar {
        align-items: flex-start;
        flex-direction: column;
    }
}

.copy-generator-product-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    border: 1px solid var(--input);
    border-radius: 12px;
    background: var(--background);
    overflow: hidden;
    transition: border-color .2s ease, background-color .2s ease;
}

.copy-generator-product-card.is-selected {
    border-color: #0d6efd;
    background: rgba(13, 110, 253, 0.04);
}

.copy-generator-product-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px;
    cursor: pointer;
    transition: background-color .15s ease;
    user-select: none;
}

.copy-generator-product-header:hover {
    background: color-mix(in srgb, var(--tertiary) 80%, transparent);
}

.copy-generator-product-main {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    min-width: 0;
    flex: 1;
}

.copy-generator-product-checkbox {
    width: 16px;
    height: 16px;
    margin-top: 2px;
    flex-shrink: 0;
}

.copy-generator-product-content {
    min-width: 0;
}

.copy-generator-offer-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 6px;
    border: none;
    background: transparent;
    color: var(--muted-foreground);
    flex-shrink: 0;
    transition: background .15s ease;
}

.copy-generator-offer-toggle:hover {
    background: color-mix(in srgb, var(--input) 70%, transparent);
}

.copy-generator-offer-chevron {
    transition: transform .25s ease;
}

.copy-generator-offer-chevron.is-open {
    transform: rotate(180deg);
}

.copy-generator-offers-panel {
    display: none;
    padding: 0 16px 16px;
}

.copy-generator-offers-panel.is-open {
    display: block;
}

.copy-generator-offers-divider {
    height: 1px;
    background: var(--input);
    margin-bottom: 12px;
}

.copy-generator-offer-option {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    border: 1px solid var(--input);
    border-radius: 8px;
    background: var(--background);
    cursor: pointer;
    transition: border-color .15s ease, background-color .15s ease;
}

.copy-generator-offer-option:hover {
    background: var(--tertiary);
}

.copy-generator-offer-option.is-selected {
    border-color: #0d6efd;
    background: rgba(13, 110, 253, 0.06);
}

.copy-generator-offer-radio {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

.copy-generator-offer-content {
    flex: 1;
    min-width: 0;
}

.copy-generator-page-type-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    padding: 18px 16px;
    border: 1px solid var(--input);
    border-radius: 12px;
    background: var(--background);
    cursor: pointer;
    transition: border-color .2s ease, background-color .2s ease;
}

.copy-generator-page-type-card:hover {
    background: var(--tertiary);
}

.copy-generator-page-type-card.is-selected {
    border-color: #0d6efd;
    background: rgba(13, 110, 253, 0.06);
}

.copy-generator-page-type-main {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    min-width: 0;
}

.copy-generator-page-type-radio {
    width: 16px;
    height: 16px;
    margin-top: 2px;
    flex-shrink: 0;
}

.copy-generator-page-type-content {
    min-width: 0;
}

.copy-generator-result-card {
    border: 1px solid var(--input);
    border-radius: 12px;
    background: var(--background);
    padding: 20px;
}

.copy-generator-inner-card {
    border: 1px solid var(--input);
    border-radius: 8px;
    background: color-mix(in srgb, var(--background) 92%, var(--tertiary));
    padding: 16px;
}

.copy-generator-inner-card-highlight {
    border-color: rgba(13, 110, 253, 0.45);
    background: rgba(13, 110, 253, 0.08);
}

.copy-generator-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 2px 6px;
    border-radius: 6px;
    border: 1px solid var(--input);
    font-size: 11px;
    color: var(--muted-foreground);
}

.copy-generator-note-card {
    border: 1px solid rgba(13, 110, 253, 0.35);
    border-radius: 8px;
    background: rgba(13, 110, 253, 0.08);
    padding: 16px;
}

.copy-generator-skeleton {
    background: linear-gradient(90deg, var(--input) 25%, color-mix(in srgb, var(--input) 60%, transparent) 50%, var(--input) 75%);
    background-size: 200% 100%;
    animation: copy-skeleton-shimmer 1.4s infinite;
}

@keyframes copy-skeleton-shimmer {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

@keyframes copy-generate-shimmer-sweep {
    from { background-position: 200% center; }
    to   { background-position: -200% center; }
}

.copy-generate-shimmer {
    background: linear-gradient(
        120deg,
        color-mix(in srgb, var(--foreground) 20%, transparent) 30%,
        var(--foreground) 50%,
        color-mix(in srgb, var(--foreground) 20%, transparent) 70%
    );
    background-size: 250% auto;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: copy-generate-shimmer-sweep 1.6s linear infinite;
}

@media (max-width: 768px) {
    .copy-generator-product-header {
        align-items: flex-start;
    }

    .copy-generator-product-main {
        width: 100%;
    }

    .copy-generator-page-type-card {
        align-items: flex-start;
    }

    .copy-generator-page-type-main {
        width: 100%;
    }
}

@keyframes ia-transition-spin {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}
.ia-transition-spin { animation: ia-transition-spin 0.8s linear infinite; }

@keyframes ia-shimmer-sweep {
    from { background-position: 200% center; }
    to   { background-position: -200% center; }
}

.ia-suggest-shimmer {
    background: linear-gradient(
        120deg,
        color-mix(in srgb, var(--foreground) 20%, transparent) 30%,
        var(--foreground) 50%,
        color-mix(in srgb, var(--foreground) 20%, transparent) 70%
    );
    background-size: 250% auto;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: ia-shimmer-sweep 1.6s linear infinite;
}

/* ─── Sidebar AI Credits Widget ──────────────────────────────────────── */

.sidebar-ai-widget {
    display: none; /* hidden when sidebar is collapsed */
    margin: 8px;
    padding: 12px;
    border-radius: 12px;
    box-shadow: var(--fancy-shadow);
    background: var(--background);
    text-decoration: none;
    flex-shrink: 0;
    transition: border-color 0.15s ease, background 0.15s ease;
}

.sidebar-ai-widget:hover {
    background: var(--tertiary);
}

.dashboard.active .sidebar-ai-widget,
.dashboard.active-force .sidebar-ai-widget {
    display: block;
}

.sidebar-ai-widget-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.sidebar-ai-widget-icon {
    width: 38px;
    height: 38px;
    border-radius: 6px;
    background: var(--muted);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--foreground);
    flex-shrink: 0;
    background-size: 200%;
    background-position: center;
    background-image: url('../img/ia-gradient.gif');
}

.sidebar-ai-widget-badge {
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--muted-foreground);
}

.sidebar-ai-widget-body {
    margin-bottom: 10px;
}

.sidebar-ai-widget-count {
    font-size: 14px;
    font-weight: 600;
    color: var(--foreground);
    margin: 0;
    line-height: 1.2;
}

.sidebar-ai-widget-sub {
    font-size: 12px;
    color: var(--muted-foreground);
    margin: 2px 0 0;
}

.sidebar-ai-widget-footer {
    /* progress lives here */
}

.sidebar-ai-widget-progress {
    height: 3px;
    border-radius: 99px;
    background: var(--border);
    overflow: hidden;
}

.sidebar-ai-widget-progress-bar {
    height: 100%;
    border-radius: 99px;
    background: var(--foreground);
    transition: width 0.4s ease;
}

.sidebar-ai-widget-progress-bar.is-exhausted {
    background: #e53e3e;
}

/* ─── Sidebar AI Widget — Promo state (zero credits used) ─────────────── */

.sidebar-ai-widget--promo {
    background: linear-gradient(145deg, #1e1b4b 0%, #2e2577 50%, #1a1840 100%);
    position: relative;
    overflow: hidden;
    padding: 16px;
}

.sidebar-ai-widget--promo:hover {
    background: linear-gradient(145deg, #201d54 0%, #322880 50%, #1c1a46 100%);
}

.sidebar-ai-widget--promo::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image:
        radial-gradient(1px 1px at 15% 25%, rgba(255,255,255,0.5) 0%, transparent 100%),
        radial-gradient(1.5px 1.5px at 75% 15%, rgba(255,255,255,0.4) 0%, transparent 100%),
        radial-gradient(1px 1px at 45% 65%, rgba(255,255,255,0.45) 0%, transparent 100%),
        radial-gradient(1px 1px at 85% 55%, rgba(255,255,255,0.3) 0%, transparent 100%),
        radial-gradient(1px 1px at 8%  78%, rgba(255,255,255,0.4) 0%, transparent 100%),
        radial-gradient(1.5px 1.5px at 92% 35%, rgba(255,255,255,0.35) 0%, transparent 100%),
        radial-gradient(1px 1px at 30% 50%, rgba(255,255,255,0.25) 0%, transparent 100%),
        radial-gradient(1px 1px at 60% 88%, rgba(255,255,255,0.2) 0%, transparent 100%),
        radial-gradient(1px 1px at 55% 10%, rgba(255,255,255,0.3) 0%, transparent 100%),
        radial-gradient(1px 1px at 25% 90%, rgba(255,255,255,0.2) 0%, transparent 100%);
    pointer-events: none;
}

.sidebar-ai-widget-promo-title {
    margin-bottom: 10px;
    line-height: 1;
    position: relative;
}

.sidebar-ai-widget-promo-ai {
    display: block;
    font-size: 34px;
    font-weight: 800;
    color: #c4b5fd;
    line-height: 1;
    letter-spacing: -0.5px;
}

.sidebar-ai-widget-promo-name {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.1;
    letter-spacing: -0.55px;
}

.sidebar-ai-widget-promo-desc {
    font-size: 12px;
    font-weight: 600;
    color: var(--white);
    opacity: 0.5;
    margin: 0 0 14px;
    line-height: 1.5;
    position: relative;
}

.sidebar-ai-widget-promo-cta {
    font-size: 13px;
    font-weight: 600;
    color: #ffffff;
    display: flex;
    align-items: center;
    gap: 4px;
    position: relative;
}

/* ─── IA Agent Loading Component ─────────────────────────────────────── */

.ia-agent-loading {
    display: inline-flex;
    align-items: center;
    gap: 14px;
}

/* 3-column × 3-row square grid — terminal style */
.ia-agent-loading-dots {
    display: grid;
    grid-template-columns: repeat(3, 4px);
    grid-template-rows: repeat(3, 4px);
    gap: 2px;
    flex-shrink: 0;
}

.ia-agent-loading-dots span {
    width: 4px;
    height: 4px;
    border-radius: 1px;
    background: var(--foreground);
    animation: ia-dot-wave 1.8s linear infinite both;
}

/* Column-first stagger: left col (1,4,7) → mid (2,5,8) → right (3,6,9) */
.ia-agent-loading-dots span:nth-child(1) { animation-delay: 0s;    }
.ia-agent-loading-dots span:nth-child(4) { animation-delay: 0.18s; }
.ia-agent-loading-dots span:nth-child(7) { animation-delay: 0.36s; }
.ia-agent-loading-dots span:nth-child(2) { animation-delay: 0.54s; }
.ia-agent-loading-dots span:nth-child(5) { animation-delay: 0.72s; }
.ia-agent-loading-dots span:nth-child(8) { animation-delay: 0.90s; }
.ia-agent-loading-dots span:nth-child(3) { animation-delay: 1.08s; }
.ia-agent-loading-dots span:nth-child(6) { animation-delay: 1.26s; }
.ia-agent-loading-dots span:nth-child(9) { animation-delay: 1.44s; }

@keyframes ia-dot-wave {
    0%, 28%  { opacity: 0.12; }
    30%, 60% { opacity: 1;    }
    62%, 100% { opacity: 0.12; }
}

.ia-agent-loading-content {
    display: flex;
    align-items: center;
    gap: 8px;
}

/*
 * Text shimmer — replicates Motion Primitives TextShimmer in pure CSS.
 * Base color is dimmed foreground (not transparent) → text always visible.
 *
 * Seamless loop technique:
 * - background-size: 300% makes the gradient 3× wider than the element
 * - Flat dim zones at 0–35% and 65–100% ensure both ends of the animation
 *   (position 100% and 0%) show identical content → the instant reset is invisible
 * - Animating 100%→0% (not 200%→-200%) keeps the visible window inside the
 *   gradient at all times, so background-repeat never kicks in and creates seams
 */
.ia-agent-loading-badge {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.04em;
    line-height: 1.2;
    background: linear-gradient(
        90deg,
        color-mix(in srgb, var(--foreground) 35%, transparent) 0%,
        color-mix(in srgb, var(--foreground) 35%, transparent) 35%,
        var(--foreground) 50%,
        color-mix(in srgb, var(--foreground) 35%, transparent) 65%,
        color-mix(in srgb, var(--foreground) 35%, transparent) 100%
    );
    background-size: 300% auto;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: ia-agent-shimmer 2.4s linear infinite;
}

@keyframes ia-agent-shimmer {
    from { background-position: 100% center; }
    to   { background-position: 0% center; }
}

.ia-agent-loading-message {
    font-size: 14px;
    font-weight: 500;
    color: var(--foreground);
    line-height: 1.2;
    transition: opacity 0.22s ease;
}

/* ─── IA Fullscreen Loading Overlay (shared) ─────────────────────────────
 * Used in Gerador de Copy and Criador de Páginas.
 * Opacity is always managed by GSAP — never set it in CSS rules.
 * ─────────────────────────────────────────────────────────────────────── */

.ia-loading-overlay {
    position: fixed;
    inset: 0;
    z-index: 9998;
    display: flex;
    align-items: center;
    justify-content: center;
    background: color-mix(in srgb, var(--background) 88%, transparent);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    opacity: 0;
    pointer-events: none;
}

.ia-loading-overlay.is-active {
    pointer-events: all;
}

/* === IA Producer Profile — Stepper === */
.ia-stepper-tab {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 500;
    transition: all .2s ease;
    white-space: nowrap;
}

.ia-step-indicator {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 700;
    flex-shrink: 0;
    transition: background .2s ease, border-color .2s ease, color .2s ease;
}

.ia-step-check { display: none; }
.ia-step-check svg { display: block; }

.ia-stepper-tab[data-step-state="pending"] .ia-step-indicator {
    background: var(--tertiary);
    color: var(--muted-foreground);
    border: 1.5px solid var(--border);
}

.ia-stepper-tab[data-step-state="pending"] .ia-step-label {
    color: var(--muted-foreground);
}

.ia-stepper-tab[data-step-state="active"] .ia-step-indicator {
    background: var(--primary);
    color: #fff;
    border: 1.5px solid var(--primary);
}

.ia-stepper-tab[data-step-state="active"] .ia-step-label {
    color: var(--foreground);
    font-weight: 600;
}

.ia-stepper-tab[data-step-state="completed"] .ia-step-indicator {
    background: color-mix(in srgb, #22c55e 12%, transparent);
    border: 1.5px solid #22c55e;
    color: #22c55e;
}

.ia-stepper-tab[data-step-state="completed"] .ia-step-number { display: none; }
.ia-stepper-tab[data-step-state="completed"] .ia-step-check { display: inline-flex; }

.ia-stepper-tab[data-step-state="completed"] .ia-step-label {
    color: var(--muted-foreground);
}

.ia-stepper-progress-track {
    height: 3px;
    background: var(--border);
    border-radius: 99px;
    margin: 10px 0 4px;
    overflow: hidden;
}

.ia-stepper-progress-fill {
    height: 100%;
    background: var(--primary);
    border-radius: 99px;
    transition: width .35s cubic-bezier(0.4, 0, 0.2, 1);
}


/* === Support Tickets === */
.ticket-upload-area {
    transition: border-color 0.2s ease, background-color 0.2s ease;
    cursor: pointer;
}

.ticket-upload-area:hover,
.ticket-upload-area--active {
    border-color: var(--primary) !important;
    background-color: var(--tertiary);
}

.ticket-description-truncate {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-width: 260px;
}

/* ============================================================
   Evento Presencial
   ============================================================ */

/* Status dot (bottom-right corner of sector thumbnail) */
.event-status-dot {
    bottom: -6px;
    right: -6px;
}

/* Step badge (numbered circle used across checkout + thank-you) */
.event-step-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    min-width: 22px;
    border-radius: 50%;
    background-color: var(--primary);
    color: var(--primary-foreground);
    font-size: 11px;
    font-weight: 600;
    flex-shrink: 0;
}

/* Thumbnail placeholder for event header in checkout / members area */
.event-checkout-thumb {
    width: 52px;
    height: 52px;
    min-width: 52px;
    border-radius: 10px;
}

/* Mini ticket icon in members-area list */
.event-ticket-mini-thumb {
    width: 36px;
    height: 36px;
    min-width: 36px;
    border-radius: 8px;
}

/* QR Code image in thank-you page */
.event-ticket-qr {
    width: 160px;
    height: 160px;
    object-fit: contain;
}

/* QR Code image in members-area off-canvas */
.event-offcanvas-qr {
    width: 200px;
    height: 200px;
    object-fit: contain;
}

/* PIX QR placeholder box in checkout */
.event-pix-qr {
    width: 160px;
    height: 160px;
}

/* Holder data card in event checkout step 2 */
.event-holder-card {
    border-left: 3px solid var(--primary);
}

/* Payment method tab in checkout step 3 */
.event-payment-tab {
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.event-payment-tab:hover {
    background-color: var(--muted);
}

.active-payment-tab {
    background-color: var(--active);
    font-weight: 600;
}

/* Capacity progress bar */
.event-capacity-progress {
    height: 6px;
}

.event-capacity-bar {
    transition: width 0.4s ease;
}

/* ============================================
   EVENT PUBLIC PAGES (Landing / Login / Flow)
   ============================================ */

.event-page-header {
    height: 64px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    background-color: transparent;
    border-bottom: 1px solid transparent !important;
    transition: background-color 0.35s ease, border-color 0.35s ease;
}

.event-page-header.scrolled {
    position: fixed;
    background-color: var(--background);
    border-bottom-color: var(--input) !important;
}

.event-page-logo {
    height: 36px;
    object-fit: contain;
}

/* Header transparente sobre o banner */
.event-header-logo {
    height: 48px;
    transition: filter 0.35s ease;
}

.event-page-header.scrolled .event-header-logo {
    filter: none;
}

.event-header-btn {
    border-color: rgba(255, 255, 255, 0.5) !important;
    transition: color 0.35s ease, border-color 0.35s ease, background-color 0.35s ease;
}

.event-page-header.scrolled .event-header-btn {
    color: var(--foreground) !important;
    border-color: var(--input) !important;
}

.event-banner {
    min-height: 420px;
    display: flex;
    align-items: flex-end;
}

.event-banner-bg-img {
    background-size: cover;
    background-position: center;
}

.event-banner-overlay {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.88) 0%, rgba(0, 0, 0, 0.2) 100%);
}

.event-banner-content {
    z-index: 11;
}

.event-banner-badge {
    color: rgba(255, 255, 255, 0.9) !important;
    border: none !important;
    background: rgba(255, 255, 255, 0.1) !important;
    border-radius: 100px;
    font-size: 14px !important;
    font-weight: 400 !important;
}

div#event-banner-bg::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.00) 101%, rgba(0, 0, 0, 0.80) 100%), linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #141414 100%), linear-gradient(270deg, rgba(0, 0, 0, 0.70) 0%, rgba(0, 0, 0, 0.00) 34.93%, rgba(0, 0, 0, 0.00) 48.5%, rgba(0, 0, 0, 0.00) 20%, rgba(0, 0, 0, 0.70) 100%);
    z-index: 10;
}

.event-info-icon {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
}

.event-description {
    line-height: 1.7;
}
.event-description p,
.event-description .wp-block-paragraph {
    display: block;
    margin-bottom: 12px;
    line-height: 1.7;
}
.event-description p:last-child,
.event-description .wp-block-paragraph:last-child {
    margin-bottom: 0;
}
.event-description a {
    color: var(--primary);
    text-decoration: underline;
    text-underline-offset: 2px;
}
.event-description a:hover {
    opacity: 0.8;
}
.event-description br {
    display: block;
    content: '';
    margin-top: 4px;
}
.event-description strong,
.event-description b {
    font-weight: 600;
    color: var(--foreground);
}
.event-description ul,
.event-description ol {
    padding-left: 20px;
    margin-bottom: 12px;
}
.event-description li {
    margin-bottom: 4px;
}

.event-ticket-sticky {
    position: sticky;
    top: 80px;
}

.event-ticket-stub {
    border: 1px solid var(--input);
    border-radius: 12px;
    overflow: visible;
    position: relative;
    background-color: var(--card);
}

.event-ticket-perforated {
    position: relative;
}

.event-ticket-perforated::after {
    content: '';
    display: block;
    position: absolute;
    bottom: -10px;
    left: -1px;
    right: -1px;
    height: 20px;
    background-image: radial-gradient(circle, var(--background) 6px, transparent 7px);
    background-size: 20px 20px;
    background-position: 10px bottom;
    background-repeat: repeat-x;
    z-index: 2;
}

.event-card-preview {
    background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
    border-radius: 14px;
    padding: 24px;
    color: #fff;
    min-height: 170px;
    position: relative;
    overflow: hidden;
}

.event-card-preview::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.06);
    pointer-events: none;
}

.event-card-preview::after {
    content: '';
    position: absolute;
    bottom: -70px;
    right: 30px;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.04);
    pointer-events: none;
}

.event-card-number {
    letter-spacing: 4px;
    font-size: 18px;
    font-weight: 500;
    font-family: monospace;
}

.event-card-logo {
    font-size: 20px;
    font-weight: 800;
    letter-spacing: -0.5px;
    opacity: 0.85;
}

.event-footer {
    padding: 28px 0;
}

.event-footer-links {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    margin-bottom: 10px;
}

.event-footer-link {
    font-size: 12px;
    color: var(--foreground);
    text-decoration: none;
    font-weight: 400;
    transition: opacity 0.15s ease;
}

.event-footer-link:hover {
    opacity: 0.75;
    text-decoration: none;
}

.event-footer-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
}

.event-footer-logo {
    height: 18px;
    object-fit: contain;
}

.event-footer-copy {
    font-size: 12px;
    color: var(--muted-foreground);
    font-weight: 400;
    margin: 0;
}

.event-footer-help-link {
    color: var(--foreground);
    font-weight: 450;
    text-decoration: none;
}

.event-footer-help-link:hover {
    text-decoration: underline;
}

.event-footer-social {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 8px;
    border: 1px solid var(--input);
    color: var(--muted-foreground);
    text-decoration: none;
    transition: color 0.15s ease, border-color 0.15s ease;
}

.event-footer-social:hover {
    color: var(--foreground);
    border-color: var(--foreground);
}

/* Torn receipt effect */
.event-receipt {
    background:
        linear-gradient(135deg, transparent 5.68px, var(--card) 5.69px) top left,
        linear-gradient(45deg, var(--card) 2.8px, transparent 2.81px) top left,
        linear-gradient(135deg, var(--card) 2.8px, transparent 2.81px) bottom left,
        linear-gradient(45deg, transparent 5.68px, var(--card) 5.69px) bottom left;
    background-repeat: repeat-x;
    background-size: 8px 4px;
    padding: 4px 0;
    filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.2));
}

.event-receipt-body {
    background-color: var(--card);
    padding: 20px 24px 24px;
}

.event-receipt-title {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--muted-foreground);
    margin-bottom: 16px;
}

.event-receipt-item {
    overflow: hidden;
    line-height: 1.4;
    padding-bottom: 12px;
    border-bottom: 0.5px dashed var(--input);
}

.event-receipt-item + .event-receipt-item {
    margin-top: 12px;
}

.event-receipt-item-label {
    float: left;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: var(--foreground);
}

.event-receipt-item-sub {
    clear: left;
    float: left;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: var(--muted-foreground);
    margin-top: 5px;
}

.event-receipt-item-value {
    float: right;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: var(--foreground);
}

.event-receipt-divider {
    border: none;
    border-top: 0.5px dashed var(--input);
    margin: 16px 0;
}

.event-receipt-row {
    overflow: hidden;
    line-height: 1.4;
    font-family: 'Inter', sans-serif;
    font-size: 14px; 
    font-weight: 400;
    color: var(--muted-foreground);
    margin-bottom: 8px;
}

.event-receipt-row-label { float: left; }
.event-receipt-row-value { float: right; }

.event-receipt-total {
    overflow: hidden;
    line-height: 1.4;
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: var(--foreground);
    margin-top: 12px;
    margin-bottom: 20px;
}

.event-receipt-total-label { float: left; }
.event-receipt-total-value { float: right; }

/* ── Batch sold-out state ─────────────────────────────────────── */
.event-sector-row--sold-out {
    opacity: 0.65;
    cursor: default;
}

.event-batch-tag-sold-out {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--muted-foreground);
    background: var(--muted);
    border: 1px solid var(--input);
    border-radius: 4px;
    padding: 2px 6px;
    white-space: nowrap;
}

/* ── Buy ticket inline alert ──────────────────────────────────── */
.event-buy-alert {
    border-radius: 8px;
    padding: 12px 14px;
    font-size: 14px;
    line-height: 1.4;
    animation: eventAlertIn 0.2s ease;
}
.event-buy-alert--warning {
    background: rgba(234, 179, 8, 0.10);
    border: 1px solid rgba(234, 179, 8, 0.35);
    color: #a16207;
}
body.dark .event-buy-alert--warning {
    background: rgba(234, 179, 8, 0.12);
    border-color: rgba(234, 179, 8, 0.30);
    color: #fbbf24;
}
.event-buy-alert--danger {
    background: rgba(239, 68, 68, 0.08);
    border: 1px solid rgba(239, 68, 68, 0.30);
    color: #b91c1c;
}
body.dark .event-buy-alert--danger {
    background: rgba(239, 68, 68, 0.12);
    border-color: rgba(239, 68, 68, 0.30);
    color: #f87171;
}
.event-buy-alert--info {
    background: rgba(59, 130, 246, 0.08);
    border: 1px solid rgba(59, 130, 246, 0.25);
    color: #1d4ed8;
}
body.dark .event-buy-alert--info {
    background: rgba(59, 130, 246, 0.12);
    border-color: rgba(59, 130, 246, 0.25);
    color: #93c5fd;
}
@keyframes eventAlertIn {
    from { opacity: 0; transform: translateY(-6px); }
    to   { opacity: 1; transform: translateY(0); }
}

.event-receipt-remove-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    padding: 0;
    border: none;
    background: transparent;
    border-radius: 4px;
    color: var(--muted-foreground);
    opacity: 0.5;
    cursor: pointer;
    transition: opacity 0.15s ease, color 0.15s ease, background 0.15s ease;
    margin-top: 1px;
}
.event-receipt-remove-btn:hover {
    opacity: 1;
    color: #ef4444;
    background: rgba(239, 68, 68, 0.08);
}

.rotate-180 {
    transform: rotate(180deg);
    transition: transform 0.2s ease;
}

.event-map-embed iframe {
    border: 0;
    display: block;
}

.event-sector-btn {
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease;
    will-change: transform, opacity, filter;
}

.event-sector-btn:hover {
    background-color: var(--accent);
    border-color: var(--primary);
}

.event-sector-chevron {
    transition: transform 0.15s ease;
}

.event-sector-btn:hover .event-sector-chevron {
    transform: translateX(3px);
}

.event-sector-row {
    cursor: default;
    transition: background-color 0.2s ease;
    will-change: transform, opacity, filter;
}

.event-sector-row:hover {
    background-color: var(--accent);
}

.event-qty-control {
    flex-shrink: 0;
}

.event-qty-left {
    display: none;
    align-items: center;
    gap: 8px;
}

.event-qty-btn {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    border: 1px solid var(--input);
    background: var(--background);
    color: var(--foreground);
    padding: 0;
    flex-shrink: 0;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.event-qty-btn:hover {
    background-color: var(--accent);
}

.event-qty-count {
    min-width: 18px;
    text-align: center;
    display: inline-block;
    will-change: transform, opacity, filter;
}

.btn-check:checked+.btn,
:not(.btn-check)+.btn:active,
.btn:first-child:active,
.btn.active,
.btn.show {
    border-color: transparent !important;
}

.top26 {
    top: 26px;
}