body{
  background-color: #f1f5f9!important;
  font-size: 13px;
  color: black;
}

.fi-sidebar{
  /*
  z-index: 999!important;
  */
  max-width: 250px;
}


.fi-sidebar{
  -webkit-box-shadow: 0 .1rem 0.9rem 0 rgba(40, 35, 45, .1)!important;
  --tw-ring-color: none!important;
}

.fi-topbar{
  box-shadow: none!important;
  --tw-ring-color: none!important;
  border-bottom: 1px solid #e9e9e9;
}


.fi-topbar nav{
  --tw-ring-color: none!important;
}



/* Ensure topbar dropdown appears above fixed header */
.fi-topbar {
  z-index: 30 !important;
}



.fi-sidebar-nav{
  background-color: white;
  border-top: 1px solid #fbfbfb;
}

.fi-sidebar-item{
  row-gap: 1px!important;
}

.fi-sidebar-item-button.py-2 {
    padding: 4px!important;
}


.fi-main {
    padding-left: 5vw!important;
    padding-right: 5vw!important;
    max-width: 100%!important;
}



.fi-logo{
  height: 40px!important;
}

/* TEMP: Hide logo */
/* .fi-logo {
  display: none !important;
} */



.fi-sidebar-group-label{
    font-size: 12px!important;
    font-weight: 500!important;
  border-bottom: 1px solid #f1f1f1;
}

.fi-sidebar-item-label{
  font-weight: 600!important;
  font-size: 14px!important;
  color: black;
}




.fi-sidebar-header {
  justify-content: center !important;
}




.a1c-sidebar-layout {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    width: 100%;
}


.fi-active .bg-gray-100{
    background-color: #f3f6ff;
}


table .py-4{
    padding-bottom: 0.7rem;
    padding-top: 0.7rem;
}


@media (min-width: 768px) {
    .a1c-sidebar-layout {
        flex-direction: row;
    }

    .a1c-sidebar {
        flex: 0 0 25%; /* 3/12 */
    }

    .a1c-main {
        flex: 1 1 auto; /* 9/12 */
    }
}

.fi-section-header {
    padding: 0.375rem 0.875rem !important;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-bottom: 1px solid rgba(0, 0, 0, 0.04) !important;
    border-radius: 8px 8px 0 0;
}

.fi-section-header-heading {
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #3b82f6;
}

/* Global: Fixed page header */
.fi-header {
    position: fixed;
    top: 64px; /* below topbar */
    left: 260px; /* sidebar width */
    right: 0;
    z-index: 20;
    background-color: #f1f5f9;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #e5e7eb;
}



/* Header text sizing */
.fi-header-heading {
    font-size: 18px !important;
    line-height: 125% !important;
}

.fi-header-subheading {
    font-size: 12px !important;
    line-height: 125% !important;
}

/* Push content down to account for fixed header */
.fi-main {
    padding-top: 100px;
}

/* Sticky table header background fix */
.fi-ta-table thead {
    background-color: #ffffff;
}

.fi-ta-table thead th {
    background-color: #ffffff;
}

/* Table font size */
.fi-ta-table,
.fi-ta-table .text-sm {
    font-size: 13px !important;
    line-height: 125% !important;
}

/* Softer borders on sections, cards, inputs */
.fi-section,
.fi-ta-ctn,
.fi-fo-field-wrp,
.fi-card,
[class*="ring-gray"] {
    --tw-ring-color: rgba(0, 0, 0, 0.04) !important;
}

.fi-section {
    border-color: rgba(0, 0, 0, 0.06) !important;
}

.fi-ta-ctn {
    border-color: rgba(0, 0, 0, 0.06) !important;
}

/* Softer input borders */
.fi-input-wrp {
    --tw-ring-color: rgba(0, 0, 0, 0.06) !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}

/* Softer borders on all standard border elements */
.border-gray-200,
.border-gray-300 {
    border-color: rgba(0, 0, 0, 0.06) !important;
}

/* Fix toggle switch knob position when enabled */
.fi-fo-toggle[aria-checked="true"] > span:first-child {
    transform: translateX(0) !important;
}