/* Seashore Logistic — panel chrome */

.fi-main-ctn {
    background-color: #f1f5f9;
}

.fi-sidebar {
    border-right: 1px solid #cbd5e1 !important;
    background-color: #ffffff !important;
    box-shadow: 4px 0 16px rgba(15, 23, 42, 0.06);
}

.dark .fi-sidebar {
    border-right-color: rgba(255, 255, 255, 0.12) !important;
    background-color: #0f172a !important;
    box-shadow: 4px 0 16px rgba(0, 0, 0, 0.25);
}

.fi-sidebar-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.18) !important;
    background-color: #2A9DA8 !important;
}

.dark .fi-sidebar-header {
    border-bottom-color: rgba(255, 255, 255, 0.18) !important;
    background-color: #2A9DA8 !important;
}

.fi-sidebar-footer {
    border-top: 1px solid #e2e8f0 !important;
    background-color: #f8fafc;
}

.dark .fi-sidebar-footer {
    border-top-color: rgba(255, 255, 255, 0.1) !important;
    background-color: rgba(255, 255, 255, 0.03);
}

.fi-topbar {
    border-bottom: 1px solid #e2e8f0;
}

.dark .fi-topbar {
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

.fi-main {
    background-color: #f1f5f9;
}

.fi-main > section,
.fi-page > section,
.fi-simple-page,
.fi-main .fi-page-main,
.fi-main .fi-header,
.fi-main .fi-ta-ctn,
.fi-main .fi-section,
.fi-main .fi-wi-stats-overview {
    max-width: none !important;
}

.fi-page-content,
.fi-resource-list-records-page,
.fi-resource-create-record-page,
.fi-resource-edit-record-page,
.fi-resource-view-record-page {
    max-width: none !important;
    width: 100%;
}

.dark .fi-main {
    background-color: #020617;
}

.fi-worker-photo-panel {
    justify-self: end;
}

@media (min-width: 1024px) {
    .fi-worker-photo-panel {
        margin-left: auto !important;
    }
}