:root {
    --tw-text-base-size: 1.5rem !important;
    font-size: 17px !important;
}

@media screen and (min-width:1024px){
    :root {
        font-size: 16px !important;
    }
}
.fi-simple-main{
    width: 90% !important;
    border-radius: 5px !important;
}

.fi-simple-main .fi-input{
    height: 50px !important;
}
/* Light mode */
.fi-sidebar-nav {border-right: 1px solid rgba(var(--gray-200), 1) !important;}

.dark .fi-sidebar-nav {border-right: 1px solid #2d2d2d !important;}

.fi-sidebar-header{ border-right: 1px solid rgba(var(--gray-200), 1) !important; }

.dark .fi-sidebar-header{ border-right: 1px solid #2d2d2d !important; }

.fi-breadcrumbs{ display: none !important;}


/* Sidebar no modo claro */
html:not(.dark) .fi-sidebar {
    background: #ffffff !important;
    border-right: 1px solid #ebebeb;
}

html.dark hr{ border-color: #2d2d2d !important;}

/* Sidebar no modo escuro */
html.dark .fi-sidebar {
    background: var(--gray-900) !important;

}

.border-gray-dark{ border-color: rgba(255, 255, 255, 0.1) !important;}

.fi-logo{
    height: 2.5rem !important;
}


.fi-topbar::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 5px; /* altura da borda */
    background: linear-gradient(90deg, #fe9a00, transparent,transparent, transparent);
    pointer-events: none; /* para não atrapalhar cliques */
  }

/* ── Flex ────────────────────────────────────────── */
.flex         { display: flex; }
.flex-row     { flex-direction: row; }
.flex-col     { flex-direction: column; }
.flex-1       { flex: 1 1 0%; }
.flex-wrap    { flex-wrap: wrap; }

/* ── Grid ────────────────────────────────────────── */
.grid              { display: grid; }
.grid-cols-1       { grid-template-columns: repeat(1, minmax(0, 1fr)); }
.grid-cols-2       { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grid-cols-3       { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.grid-cols-4       { grid-template-columns: repeat(4, minmax(0, 1fr)); }

/* ── Gap ─────────────────────────────────────────── */
.gap-1  { gap: 0.25rem; }
.gap-2  { gap: 0.5rem; }
.gap-3  { gap: 0.75rem; }
.gap-4  { gap: 1rem; }
.gap-5  { gap: 1.25rem; }
.gap-6  { gap: 1.5rem; }
.gap-8  { gap: 2rem; }

/* ── Width ───────────────────────────────────────── */
.w-full  { width: 100%; }
.w-1\/2  { width: 50%; }
.w-1\/3  { width: 33.333333%; }
.w-2\/3  { width: 66.666667%; }
.w-1\/4  { width: 25%; }
.w-3\/4  { width: 75%; }

/* ── sm: 640px+ ──────────────────────────────────── */
@media (min-width: 640px) {
    .sm\:grid-cols-1  { grid-template-columns: repeat(1, minmax(0, 1fr)); }
    .sm\:grid-cols-2  { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .sm\:grid-cols-3  { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .sm\:grid-cols-4  { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .sm\:flex-row     { flex-direction: row; }
    .sm\:flex-col     { flex-direction: column; }
    .sm\:w-full       { width: 100%; }
    .sm\:w-1\/2       { width: 50%; }
}

/* ── md: 768px+ ──────────────────────────────────── */
@media (min-width: 768px) {
    .md\:grid-cols-1  { grid-template-columns: repeat(1, minmax(0, 1fr)); }
    .md\:grid-cols-2  { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .md\:grid-cols-3  { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .md\:grid-cols-4  { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .md\:flex-row     { flex-direction: row; }
    .md\:flex-col     { flex-direction: column; }
    .md\:w-full       { width: 100%; }
    .md\:w-1\/2       { width: 50%; }
}

/* ── lg: 1024px+ ─────────────────────────────────── */
@media (min-width: 1024px) {
    .lg\:grid-cols-1  { grid-template-columns: repeat(1, minmax(0, 1fr)); }
    .lg\:grid-cols-2  { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .lg\:grid-cols-3  { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .lg\:grid-cols-4  { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .lg\:flex-row     { flex-direction: row; }
    .lg\:flex-col     { flex-direction: column; }
    .lg\:w-full       { width: 100%; }
    .lg\:w-1\/2       { width: 50%; }
}

/* ── xl: 1280px+ ─────────────────────────────────── */
@media (min-width: 1280px) {
    .xl\:grid-cols-1  { grid-template-columns: repeat(1, minmax(0, 1fr)); }
    .xl\:grid-cols-2  { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .xl\:grid-cols-3  { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .xl\:grid-cols-4  { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .xl\:flex-row     { flex-direction: row; }
    .xl\:flex-col     { flex-direction: column; }
    .xl\:w-full       { width: 100%; }
    .xl\:w-1\/2       { width: 50%; }
}

/* ── 2xl: 1536px+ ────────────────────────────────── */
@media (min-width: 1536px) {
    .\32xl\:grid-cols-1  { grid-template-columns: repeat(1, minmax(0, 1fr)); }
    .\32xl\:grid-cols-2  { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .\32xl\:grid-cols-3  { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .\32xl\:grid-cols-4  { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .\32xl\:flex-row     { flex-direction: row; }
    .\32xl\:flex-col     { flex-direction: column; }
}