.hydrabase-logo {
    letter-spacing: 0.04em;
    font-weight: 700;
}

.hydrabase-logo--compact {
    font-size: 1rem;
}

.warehouse-shell {
    min-height: 100vh;
    background:
        radial-gradient(circle at top left, rgba(44, 123, 229, 0.08), transparent 24%),
        linear-gradient(180deg, #f7fafd 0%, #f4f7fb 100%);
}

.warehouse-shell-content {
    padding-inline: 1rem;
}

.warehouse-shell-body {
    padding-top: 1.5rem;
}

.warehouse-toast-stack {
    top: calc(var(--falcon-top-nav-height) + 1rem);
    right: 0;
    z-index: 1095;
    width: min(100vw - 1rem, 26rem);
    pointer-events: none;
}

.warehouse-login-page .warehouse-toast-stack {
    top: 1rem;
}

.warehouse-toast-stack .toast {
    pointer-events: auto;
    width: 100%;
}

.warehouse-toast {
    border: 1px solid rgba(15, 23, 42, 0.08);
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 1rem 2.5rem rgba(15, 23, 42, 0.14);
    backdrop-filter: blur(12px);
}

.warehouse-toast .toast-body {
    padding: 0.9rem 1rem;
}

.warehouse-toast__icon {
    width: 2rem;
    height: 2rem;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    font-size: 0.95rem;
}

.warehouse-toast--success .warehouse-toast__icon {
    background: rgba(0, 176, 116, 0.12);
    color: var(--falcon-success);
}

.warehouse-toast--danger .warehouse-toast__icon {
    background: rgba(230, 55, 87, 0.12);
    color: var(--falcon-danger);
}

.warehouse-toast__message {
    color: #344050;
    line-height: 1.45;
}

.warehouse-toast .btn-close {
    opacity: 0.55;
}

.warehouse-toast .btn-close:hover,
.warehouse-toast .btn-close:focus {
    opacity: 0.9;
}

.warehouse-topbar {
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: 0 0.75rem 2rem rgba(15, 23, 42, 0.04);
    backdrop-filter: blur(12px);
}

.warehouse-topbar-nav {
    row-gap: 0.35rem;
}

.warehouse-topbar-nav .nav-link {
    border-radius: 999px;
    padding-inline: 0.9rem;
}

.warehouse-topbar-nav .nav-link.active,
.warehouse-topbar-nav .nav-link:hover,
.warehouse-topbar-nav .nav-link:focus {
    color: var(--falcon-primary);
    background-color: rgba(44, 123, 229, 0.08);
}

.warehouse-topbar-menu {
    min-width: 18rem;
}

.warehouse-topbar-menu .dropdown-item {
    padding: 0.65rem 1rem;
}

.warehouse-topbar-menu .dropdown-item.active,
.warehouse-topbar-menu .dropdown-item:active {
    color: var(--falcon-primary);
    background-color: rgba(44, 123, 229, 0.08);
}

.warehouse-language-switcher {
    min-width: 8.5rem;
    border-radius: 999px;
}

.warehouse-login-language {
    min-width: 8.5rem;
}

.warehouse-page-header {
    padding: 1.25rem 1.5rem;
    border: 1px solid rgba(15, 23, 42, 0.06);
    border-radius: 1.25rem;
    background:
        radial-gradient(circle at top right, rgba(44, 123, 229, 0.08), transparent 20%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.96));
    box-shadow: 0 0.75rem 2rem rgba(15, 23, 42, 0.04);
}

.warehouse-page-header__eyebrow {
    margin-bottom: 0.45rem;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--falcon-primary);
}

.warehouse-page-header__action {
    min-width: 9rem;
}

.warehouse-metrics-card {
    border: 1px solid rgba(15, 23, 42, 0.06);
    box-shadow: 0 0.75rem 2rem rgba(15, 23, 42, 0.04);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.94));
}

.warehouse-split-layout {
    align-items: flex-start;
}

.warehouse-split-layout__form,
.warehouse-split-layout__table {
    display: flex;
}

.warehouse-panel-card {
    width: 100%;
    border: 1px solid rgba(15, 23, 42, 0.06);
    box-shadow: 0 0.9rem 2.25rem rgba(15, 23, 42, 0.05);
}

.warehouse-panel-card .card-header {
    padding: 1rem 1.25rem;
    background: linear-gradient(180deg, rgba(248, 250, 252, 0.96), rgba(255, 255, 255, 0.98));
}

.warehouse-panel-card .card-body {
    padding: 1.25rem;
}

.warehouse-panel-card--table .card-body {
    padding-top: 1rem;
}

.warehouse-filter-hint {
    border: 1px dashed rgba(44, 123, 229, 0.22) !important;
    background: linear-gradient(180deg, rgba(44, 123, 229, 0.05), rgba(255, 255, 255, 0.88)) !important;
}

.warehouse-registry-table-wrap {
    overflow-x: auto;
}

.warehouse-registry-table-wrap .table {
    min-width: 42rem;
}

.warehouse-brand-mark {
    width: 2.5rem;
    height: 2.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.9rem;
    background: linear-gradient(135deg, #2c7be5 0%, #183b61 100%);
    color: #fff;
    box-shadow: 0 0.75rem 1.5rem rgba(24, 59, 97, 0.18);
}

.warehouse-brand-subtitle {
    font-size: 0.72rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #6c7a89;
}

.hydrabase-stat-icon {
    width: 3rem;
    height: 3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: rgba(42, 123, 228, 0.12);
    color: var(--falcon-primary);
    font-size: 1rem;
}

.hydrabase-table-actions {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.warehouse-table-toolbar {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    align-items: center;
}

.warehouse-table-toolbar .btn.disabled,
.warehouse-table-toolbar .btn[aria-disabled="true"] {
    pointer-events: none;
}

.warehouse-registry-table-wrap table[data-datatable-selectable] tbody tr {
    cursor: pointer;
}

.warehouse-registry-table-wrap table.table.dataTable[data-datatable-selectable] > tbody > tr.selected > * {
    box-shadow: inset 0 0 0 9999px rgba(44, 123, 229, 0.12) !important;
    color: #344050 !important;
}

.warehouse-registry-table-wrap table.table.dataTable.table-striped[data-datatable-selectable] > tbody > tr.selected > *,
.warehouse-registry-table-wrap table.table.dataTable.table-hover[data-datatable-selectable] > tbody > tr.selected:hover > * {
    box-shadow: inset 0 0 0 9999px rgba(44, 123, 229, 0.16) !important;
    color: #344050 !important;
}

.warehouse-registry-table-wrap table.table.dataTable[data-datatable-selectable] > tbody > tr.selected .text-600,
.warehouse-registry-table-wrap table.table.dataTable[data-datatable-selectable] > tbody > tr.selected .text-body-secondary,
.warehouse-registry-table-wrap table.table.dataTable[data-datatable-selectable] > tbody > tr.selected .fs-10:not(.badge),
.warehouse-registry-table-wrap table.table.dataTable[data-datatable-selectable] > tbody > tr.selected .fw-semibold + div {
    color: #748194 !important;
}

.warehouse-registry-table-wrap table.table.dataTable[data-datatable-selectable] > tbody > tr.selected a:not(.btn):not(.badge) {
    color: inherit !important;
}

.warehouse-selectable-list [data-selectable-item] {
    cursor: pointer;
    transition:
        border-color 0.18s ease,
        box-shadow 0.18s ease,
        transform 0.18s ease,
        background-color 0.18s ease;
}

.warehouse-selectable-list [data-selectable-item]:hover,
.warehouse-selectable-list [data-selectable-item]:focus-visible {
    border-color: rgba(44, 123, 229, 0.3) !important;
    box-shadow: 0 0.8rem 1.75rem rgba(15, 23, 42, 0.08);
    outline: none;
}

.warehouse-selectable-list [data-selectable-item].selected {
    border-color: rgba(44, 123, 229, 0.42) !important;
    box-shadow: 0 0 0 0.18rem rgba(44, 123, 229, 0.12);
    background:
        linear-gradient(180deg, rgba(44, 123, 229, 0.04), rgba(255, 255, 255, 0.98));
}

.dt-container .dt-layout-row {
    row-gap: 0.75rem;
}

.dt-container .dt-search input {
    min-width: 14rem;
}

.dt-container .table-responsive {
    margin-bottom: 0;
}

.dt-container .dt-info,
.dt-container .dt-length label,
.dt-container .dt-search label {
    font-size: 0.72rem;
}

.avatar-name {
    background-color: var(--falcon-primary);
    color: var(--falcon-white);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
}

.avatar-name span {
    font-weight: 700;
}

.warehouse-login-page {
    background: linear-gradient(135deg, #f4f7fb 0%, #edf3f9 55%, #f8fafc 100%);
}

.warehouse-login-card {
    border: 1px solid rgba(42, 123, 228, 0.08);
    box-shadow: 0 1rem 2.5rem rgba(15, 23, 42, 0.08);
}

.warehouse-login-panel {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at top right, rgba(120, 181, 255, 0.26), transparent 34%),
        linear-gradient(135deg, #0f2238 0%, #173554 45%, #20588f 100%);
    color: #fff;
}

.warehouse-login-panel::before,
.warehouse-hero-card::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    filter: blur(2px);
}

.warehouse-login-panel::before {
    width: 24rem;
    height: 24rem;
    right: -8rem;
    bottom: -8rem;
}

.warehouse-login-panel > *,
.warehouse-hero-card > * {
    position: relative;
    z-index: 1;
}

.warehouse-login-badge,
.warehouse-soft-badge {
    background: rgba(255, 255, 255, 0.14);
    color: #fff;
}

.warehouse-feature-card {
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 1rem;
    padding: 1rem;
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(8px);
}

.warehouse-feature-icon,
.warehouse-check-icon {
    width: 2.5rem;
    height: 2.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.9rem;
}

.warehouse-feature-icon {
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
}

.warehouse-hero-card {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at top right, rgba(255, 255, 255, 0.2), transparent 32%),
        linear-gradient(135deg, #173554 0%, #20588f 52%, #2c7be5 100%);
}

.warehouse-hero-card::after {
    width: 20rem;
    height: 20rem;
    right: -6rem;
    top: -7rem;
}

.warehouse-hero-icon {
    width: 5rem;
    height: 5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.25rem;
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
    font-size: 2rem;
}

.warehouse-mini-card {
    height: 100%;
    padding: 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.1);
}

.warehouse-checklist,
.warehouse-roadmap-list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.warehouse-checklist-item,
.warehouse-roadmap-item {
    display: flex;
    gap: 0.75rem;
    align-items: flex-start;
}

.warehouse-check-icon {
    flex: 0 0 auto;
    background: rgba(42, 123, 228, 0.12);
}

.warehouse-tile {
    height: 100%;
    padding: 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(42, 123, 228, 0.12);
    background: linear-gradient(180deg, rgba(42, 123, 228, 0.08), rgba(255, 255, 255, 0));
}

.warehouse-product-gallery-layout {
    align-items: flex-start;
}

.warehouse-product-gallery-toolbar .card-body {
    padding-block: 1rem;
}

.warehouse-product-gallery-filter-form .form-control,
.warehouse-product-gallery-filter-form .form-select {
    min-height: 2.75rem;
}

.warehouse-product-gallery-list .card-footer {
    background: linear-gradient(180deg, rgba(248, 250, 252, 0.94), rgba(255, 255, 255, 0.98));
}

.warehouse-product-gallery-list .card-header {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.96));
}

.warehouse-product-gallery-row {
    padding-block: 1rem;
}

.warehouse-product-gallery-preview {
    position: relative;
    min-height: 11rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.5rem;
    overflow: hidden;
    padding: 1rem;
    background:
        radial-gradient(circle at top right, rgba(44, 123, 229, 0.06), transparent 32%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(244, 247, 251, 0.96));
    border: 1px solid rgba(15, 23, 42, 0.06);
}

.warehouse-product-gallery-preview__icon {
    width: 4.5rem;
    height: 4.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 1rem;
    border: 1px solid rgba(15, 23, 42, 0.07);
    background: rgba(255, 255, 255, 0.98);
    color: #5e6e82;
    font-size: 1.5rem;
    box-shadow: 0 0.6rem 1.25rem rgba(15, 23, 42, 0.04);
}

.warehouse-product-gallery-preview__meta {
    position: absolute;
    left: 1rem;
    bottom: 1rem;
    display: inline-flex;
    align-items: center;
    padding: 0.3rem 0.6rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(15, 23, 42, 0.08);
    font-size: 0.72rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #6c7a89;
}

.warehouse-product-gallery-specs {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.warehouse-product-gallery-specs li {
    display: flex;
    align-items: flex-start;
    gap: 0.45rem;
    color: #52607a;
    font-size: 0.95rem;
}

.warehouse-product-gallery-specs .fas {
    margin-top: 0.4rem;
    font-size: 0.4rem;
    color: var(--falcon-primary);
}

.warehouse-product-gallery-price {
    color: var(--falcon-warning);
}

.warehouse-product-gallery-sidebar {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.warehouse-product-gallery-actions {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.warehouse-product-gallery-actions .btn {
    width: 100%;
}

.warehouse-product-gallery-empty-icon {
    width: 4rem;
    height: 4rem;
    margin-inline: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: rgba(44, 123, 229, 0.12);
    color: var(--falcon-primary);
    font-size: 1.25rem;
}

.warehouse-role-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.navbar-vertical .nav-link.disabled {
    pointer-events: none;
    opacity: 0.78;
}

@media (max-width: 991.98px) {
    .warehouse-shell-content {
        padding-inline: 0.75rem;
    }

    .warehouse-shell-body {
        padding-top: 1.25rem;
    }

    .warehouse-toast-stack {
        top: 0.75rem;
        width: calc(100vw - 1rem);
    }

    .warehouse-topbar {
        padding-inline: 0.25rem;
    }

    .warehouse-topbar-menu {
        min-width: 100%;
    }

    .warehouse-language-switcher,
    .warehouse-login-language {
        min-width: 100%;
    }

    .warehouse-page-header {
        padding: 1rem 1.1rem;
        border-radius: 1rem;
    }

    .warehouse-panel-card .card-header,
    .warehouse-panel-card .card-body {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .warehouse-hero-icon {
        width: 4rem;
        height: 4rem;
        font-size: 1.5rem;
    }

    .warehouse-product-gallery-row {
        padding-block: 1rem;
    }

    .warehouse-product-gallery-media {
        min-height: 12rem;
        margin-bottom: 1rem;
    }

    .warehouse-product-gallery-preview {
        min-height: 10rem;
        margin-bottom: 1rem;
    }

    .warehouse-product-gallery-actions .btn {
        width: 100%;
    }
}

@media (min-width: 1200px) {
    .warehouse-shell-content {
        padding-inline: 1.5rem;
    }
}

@media (min-width: 992px) {
    .warehouse-product-gallery-sidebar {
        position: sticky;
        top: calc(var(--falcon-top-nav-height) + 1.5rem);
    }
}

@media (min-width: 1400px) {
    .warehouse-split-layout__form {
        position: sticky;
        top: calc(var(--falcon-top-nav-height) + 1.5rem);
    }
}