html.fi {
    font-size: 14px;
}

.fi-logo,
.fi-sidebar-header .fi-logo {
    font-size: 1rem;
    font-weight: 700;
}

.fi-sidebar {
    --sidebar-width: 17rem;
}

.fi-sidebar-nav {
    gap: .15rem;
    padding-inline: .5rem;
}

.fi-sidebar-item-btn,
.fi-sidebar-group-button {
    min-height: 2.25rem;
    padding-block: .35rem;
    padding-inline: .65rem;
}

.fi-sidebar-item-icon,
.fi-sidebar-group-icon,
.fi-topbar .fi-icon,
.fi-icon-btn .fi-icon {
    width: 1rem;
    height: 1rem;
}

.fi-sidebar-item-label,
.fi-sidebar-group-label {
    font-size: .82rem;
}

.fi-header-heading,
.fi-simple-header-heading {
    font-size: 1.35rem;
    line-height: 1.25;
}

.fi-section,
.fi-ta-ctn,
.fi-wi-widget,
.fi-simple-main {
    border-radius: .55rem;
}

.fi-btn {
    min-height: 2.25rem;
}

.fi-ta-header-toolbar,
.fi-ta-content,
.fi-section-content {
    font-size: .88rem;
}

@media (max-width: 768px) {
    html.fi {
        font-size: 13px;
    }

    .fi-simple-main {
        width: min(100%, 24rem);
        margin-inline: auto;
    }
}

.locar-shell {
    display: grid;
    gap: 1rem;
}

.locar-hero,
.locar-panel,
.locar-stat-card,
.locar-mini-card {
    border: 1px solid rgba(148, 163, 184, .22);
    background: rgba(255, 255, 255, .92);
    border-radius: .65rem;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .06);
}

.dark .locar-hero,
.dark .locar-panel,
.dark .locar-stat-card,
.dark .locar-mini-card {
    background: rgba(15, 23, 42, .82);
    border-color: rgba(148, 163, 184, .18);
}

.locar-hero {
    padding: 1.1rem;
}

.locar-hero-eyebrow,
.locar-mini-label,
.locar-stat-label,
.locar-panel-subtitle {
    color: rgb(100, 116, 139);
    font-size: .78rem;
}

.dark .locar-hero-eyebrow,
.dark .locar-mini-label,
.dark .locar-stat-label,
.dark .locar-panel-subtitle {
    color: rgb(148, 163, 184);
}

.locar-hero-eyebrow {
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.locar-hero-title {
    margin-top: .25rem;
    font-size: 1.4rem;
    font-weight: 800;
    line-height: 1.2;
}

.locar-hero-copy {
    margin-top: .35rem;
    max-width: 64rem;
    color: rgb(71, 85, 105);
    font-size: .92rem;
}

.dark .locar-hero-copy {
    color: rgb(203, 213, 225);
}

.locar-mini-grid,
.locar-stats-grid {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 1rem;
}

.locar-mini-card {
    display: block;
    padding: .85rem;
    color: inherit;
    text-decoration: none;
}

.locar-mini-card:hover {
    border-color: rgb(37, 99, 235);
}

.locar-mini-card-head {
    display: flex;
    gap: .75rem;
    align-items: flex-start;
}

.locar-icon-box {
    display: inline-grid;
    place-items: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: .55rem;
    background: rgba(37, 99, 235, .12);
    color: rgb(37, 99, 235);
    font-weight: 800;
}

.locar-icon-box.warning { background: rgba(245, 158, 11, .14); color: rgb(180, 83, 9); }
.locar-icon-box.success { background: rgba(22, 163, 74, .14); color: rgb(21, 128, 61); }
.locar-icon-box.info { background: rgba(8, 145, 178, .14); color: rgb(14, 116, 144); }

.locar-mini-value,
.locar-stat-value {
    font-size: 1.35rem;
    font-weight: 800;
    line-height: 1.15;
}

.locar-mini-note {
    margin-top: .1rem;
    color: rgb(100, 116, 139);
    font-size: .74rem;
}

.locar-tabbar {
    display: flex;
    gap: .45rem;
    overflow-x: auto;
    padding: .35rem;
    border: 1px solid rgba(148, 163, 184, .24);
    border-radius: .65rem;
    background: rgba(248, 250, 252, .86);
}

.dark .locar-tabbar {
    background: rgba(15, 23, 42, .7);
    border-color: rgba(148, 163, 184, .18);
}

.locar-tab {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    min-height: 2.3rem;
    white-space: nowrap;
    border-radius: .5rem;
    padding: .45rem .75rem;
    color: rgb(71, 85, 105);
    font-size: .85rem;
    font-weight: 700;
}

.locar-tab.is-active {
    background: rgb(37, 99, 235);
    color: #fff;
    box-shadow: 0 8px 18px rgba(37, 99, 235, .24);
}

.locar-inline-icon {
    width: 1rem;
    height: 1rem;
}

.locar-panel-body,
.locar-stat-card {
    padding: 1rem;
}

.locar-panel-header {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    margin-bottom: .75rem;
}

.locar-panel-title {
    font-size: 1rem;
    font-weight: 800;
}

.locar-table-wrap {
    overflow-x: auto;
}

.locar-table {
    width: 100%;
    border-collapse: collapse;
    font-size: .86rem;
}

.locar-table th {
    color: rgb(100, 116, 139);
    font-size: .75rem;
    font-weight: 800;
    text-align: left;
    text-transform: uppercase;
}

.locar-table th,
.locar-table td {
    border-top: 1px solid rgba(148, 163, 184, .18);
    padding: .65rem .5rem;
    vertical-align: top;
}

.locar-table thead th {
    border-top: 0;
}

.locar-table .is-right {
    text-align: right;
}

.locar-table .is-strong {
    font-weight: 800;
}

.locar-stat-value.success { color: rgb(22, 163, 74); }
.locar-stat-value.warning { color: rgb(217, 119, 6); }
.locar-stat-value.info { color: rgb(8, 145, 178); }

@media (max-width: 1024px) {
    .locar-mini-grid,
    .locar-stats-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .locar-mini-grid,
    .locar-stats-grid {
        grid-template-columns: 1fr;
    }
}