/* SPTarkov.Server.Web/Components/Auth/LoginBox.razor.rz.scp.css */
.auth-page[b-h0kxzroa7k] {
    padding: 24px;
}

.auth-box[b-h0kxzroa7k] {
    width: min(100%, 420px);
}

.auth-box.spt-panel[b-h0kxzroa7k] {
    border-color: rgba(63, 63, 70, 0.76);
    background:
        linear-gradient(180deg, rgba(24, 24, 27, 0.52), rgba(9, 9, 11, 0.78)),
        var(--spt-surface);
}

.auth-form[b-h0kxzroa7k] {
    display: grid;
    gap: 16px;
}

.auth-field[b-h0kxzroa7k] {
    display: grid;
    gap: 8px;
    color: var(--spt-text-muted);
    font-size: 0.82rem;
    font-weight: 700;
}

.auth-field input[b-h0kxzroa7k] {
    width: 100%;
    min-height: 44px;
    box-sizing: border-box;
    border: 1px solid var(--spt-border-strong);
    border-radius: var(--spt-radius);
    background:
        linear-gradient(180deg, rgba(3, 7, 18, 0.72), rgba(3, 7, 18, 0.58)),
        rgba(3, 7, 18, 0.64);
    color: var(--spt-text);
    font: inherit;
    font-size: 0.95rem;
    font-weight: 600;
    outline: none;
    padding: 0 12px;
}

.auth-field input:focus[b-h0kxzroa7k] {
    border-color: var(--spt-info);
    box-shadow: 0 0 0 2px rgba(56, 189, 248, 0.16);
}

.auth-submit[b-h0kxzroa7k] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    border: 1px solid rgba(250, 204, 21, 0.72);
    border-radius: var(--spt-radius);
    background: var(--spt-accent);
    color: #111827;
    cursor: pointer;
    font: inherit;
    font-weight: 800;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18);
    transition:
        background 140ms ease,
        border-color 140ms ease,
        transform 140ms ease,
        box-shadow 140ms ease;
}

.auth-submit:hover[b-h0kxzroa7k],
.auth-submit:focus-visible[b-h0kxzroa7k] {
    border-color: var(--spt-accent-strong);
    background: var(--spt-accent-strong);
    transform: translateY(-1px);
    box-shadow:
        0 12px 28px rgba(0, 0, 0, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
}
/* SPTarkov.Server.Web/Components/Database/DatabaseTraderAssortBrowser.razor.rz.scp.css */
.database-assort-browser[b-fe24kbtpu4] {
    background:
        linear-gradient(135deg, rgba(31, 41, 55, 0.92), rgba(3, 7, 18, 0.96) 48%, rgba(9, 9, 11, 0.98)),
        rgba(9, 9, 11, 0.9);
    border-color: rgba(63, 63, 70, 0.76);
}

.database-assort-heading[b-fe24kbtpu4],
.database-assort-title-row[b-fe24kbtpu4],
.database-stat-stack[b-fe24kbtpu4] {
    flex-wrap: wrap;
}

.database-assort-browser[b-fe24kbtpu4]  .mud-typography-h5,
.database-assort-browser[b-fe24kbtpu4]  .mud-typography-h6,
.database-assort-browser[b-fe24kbtpu4]  .mud-typography-subtitle2 {
    color: #f8fafc;
    font-weight: 700;
    letter-spacing: 0;
}

.database-assort-browser[b-fe24kbtpu4]  .mud-typography-caption,
.database-assort-browser[b-fe24kbtpu4]  .mud-typography-body2.mud-secondary-text {
    color: #a1a1aa;
}

.database-assort-browser[b-fe24kbtpu4]  .database-stat {
    min-width: 120px;
    border: 1px solid rgba(63, 63, 70, 0.9);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(39, 39, 42, 0.58), rgba(24, 24, 27, 0.78)),
        rgba(24, 24, 27, 0.78);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.database-assort-browser[b-fe24kbtpu4]  .database-stat .mud-typography-caption {
    font-weight: 600;
    text-transform: uppercase;
}

.database-assort-controls[b-fe24kbtpu4] {
    border-color: rgba(39, 39, 42, 0.96);
    background:
        linear-gradient(180deg, rgba(24, 24, 27, 0.34), rgba(9, 9, 11, 0.62)),
        rgba(9, 9, 11, 0.62);
}

.database-assort-grid[b-fe24kbtpu4] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, 460px);
    gap: 16px;
    align-items: start;
}

.database-assort-browser[b-fe24kbtpu4]  .mud-table-container {
    border: 1px solid rgba(39, 39, 42, 0.96);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(3, 7, 18, 0.54), rgba(3, 7, 18, 0.42)),
        rgba(3, 7, 18, 0.42);
}

.database-assort-browser[b-fe24kbtpu4]  .mud-table {
    background: transparent;
    color: #e5e7eb;
}

.database-assort-browser[b-fe24kbtpu4]  .mud-table-head {
    background:
        linear-gradient(180deg, rgba(39, 39, 42, 0.98), rgba(24, 24, 27, 0.96)),
        rgba(24, 24, 27, 0.96);
}

.database-assort-browser[b-fe24kbtpu4]  .mud-table-cell {
    border-color: #27272a;
    color: #d4d4d8;
}

.database-assort-browser[b-fe24kbtpu4]  .mud-table-head .mud-table-cell {
    color: #a1a1aa;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
}

.database-assort-browser[b-fe24kbtpu4]  .mud-table-row:hover {
    background: rgba(56, 189, 248, 0.07) !important;
}

.database-assort-browser[b-fe24kbtpu4]  .database-assort-details {
    max-height: 620px;
    overflow: auto;
    border-color: rgba(39, 39, 42, 0.96);
    background:
        linear-gradient(180deg, rgba(24, 24, 27, 0.34), rgba(9, 9, 11, 0.66)),
        rgba(9, 9, 11, 0.66);
    scrollbar-color: #52525b rgba(3, 7, 18, 0.24);
}

.database-assort-empty[b-fe24kbtpu4] {
    min-height: 360px;
    text-align: center;
}

.database-assort-browser .database-detail-grid[b-fe24kbtpu4] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.database-assort-browser[b-fe24kbtpu4]  .database-detail-value {
    min-width: 0;
    padding: 10px 12px;
    border: 1px solid rgba(39, 39, 42, 0.98);
    border-radius: 8px;
    background:
        linear-gradient(90deg, rgba(24, 24, 27, 0.72), rgba(24, 24, 27, 0.48)),
        rgba(24, 24, 27, 0.55);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.database-assort-browser[b-fe24kbtpu4]  .database-detail-value .mud-typography-caption {
    font-weight: 600;
}

.database-assort-browser[b-fe24kbtpu4]  .database-mono {
    font-family: Consolas, "Liberation Mono", monospace;
    word-break: break-all;
}

.database-assort-browser[b-fe24kbtpu4]  .database-row-button {
    min-width: 0;
    max-width: 260px;
    justify-content: flex-start;
    color: #e5e7eb !important;
    font-weight: 600;
    letter-spacing: 0;
    text-align: left;
    text-transform: none;
    white-space: normal;
}

.database-assort-browser[b-fe24kbtpu4]  .database-selected-row {
    background:
        linear-gradient(90deg, rgba(14, 116, 144, 0.28), rgba(56, 189, 248, 0.08)) !important;
    box-shadow: inset 3px 0 0 #38bdf8;
}

.database-assort-browser .database-raw-json[b-fe24kbtpu4] {
    border: 1px solid rgba(39, 39, 42, 0.96);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(3, 7, 18, 0.54), rgba(3, 7, 18, 0.42)),
        rgba(3, 7, 18, 0.42);
}

.database-assort-browser .database-raw-json summary[b-fe24kbtpu4] {
    cursor: pointer;
    padding: 10px 12px;
    color: #facc15;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
}

.database-assort-browser .database-raw-json pre[b-fe24kbtpu4] {
    max-height: 320px;
    margin: 0;
    overflow: auto;
    border-top: 1px solid #27272a;
    padding: 12px;
    color: #d4d4d8;
    font-family: Consolas, "Liberation Mono", monospace;
    font-size: 0.75rem;
    line-height: 1.45;
    white-space: pre-wrap;
    word-break: break-word;
    scrollbar-color: #52525b rgba(3, 7, 18, 0.24);
}

@media (max-width: 1100px) {
    .database-assort-grid[b-fe24kbtpu4] {
        grid-template-columns: 1fr;
    }

    .database-assort-browser[b-fe24kbtpu4]  .database-assort-details {
        max-height: none;
    }
}

@media (max-width: 700px) {
    .database-assort-browser .database-detail-grid[b-fe24kbtpu4] {
        grid-template-columns: 1fr;
    }
}
/* SPTarkov.Server.Web/Pages/Configs/ConfigEditorPage.razor.rz.scp.css */
.config-editor-page[b-ygy1dqo3s7] {
    --config-editor-panel-bg: rgba(9, 9, 11, 0.74);
    --config-editor-yellow-soft: rgba(250, 204, 21, 0.12);
    --config-editor-blue-soft: rgba(56, 189, 248, 0.12);
    --config-editor-green-soft: rgba(34, 197, 94, 0.13);
    --config-editor-red-soft: rgba(248, 113, 113, 0.12);
}

.config-editor-page[b-ygy1dqo3s7]  .config-editor-container {
    max-width: 1800px;
    margin-inline: auto;
}

.config-editor-page[b-ygy1dqo3s7]  .config-editor-header,
.config-editor-page[b-ygy1dqo3s7]  .config-editor-sidebar,
.config-editor-page[b-ygy1dqo3s7]  .config-editor-main,
.config-editor-page[b-ygy1dqo3s7]  .config-editor-meta {
    background: var(--config-editor-panel-bg);
    border-color: rgba(63, 63, 70, 0.76);
}

.config-editor-page[b-ygy1dqo3s7]  .database-loading-overlay {
    position: fixed;
    inset: 0;
    z-index: 1400;
    display: grid;
    place-items: center;
    padding: 24px;
    background:
        radial-gradient(circle at 50% 42%, rgba(250, 204, 21, 0.14), transparent 24rem),
        rgba(3, 7, 18, 0.82);
    backdrop-filter: blur(10px);
}

.config-editor-page[b-ygy1dqo3s7]  .database-loading-panel {
    display: flex;
    align-items: center;
    gap: 18px;
    max-width: min(460px, 100%);
    border-color: rgba(250, 204, 21, 0.42);
    background: rgba(9, 9, 11, 0.92);
}

.config-editor-page[b-ygy1dqo3s7]  .config-editor-header {
    border-color: #1f2937;
    background:
        linear-gradient(135deg, rgba(31, 41, 55, 0.92), rgba(3, 7, 18, 0.95) 52%, rgba(9, 9, 11, 0.98)),
        rgba(9, 9, 11, 0.86);
}

.config-editor-page[b-ygy1dqo3s7]  .config-editor-header-content {
    gap: 24px;
}

.config-editor-page[b-ygy1dqo3s7]  .config-editor-header .mud-typography-h3 {
    font-size: 2.25rem;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.1;
}

.config-editor-page[b-ygy1dqo3s7]  .config-editor-title-row,
.config-editor-page[b-ygy1dqo3s7]  .config-editor-heading-row,
.config-editor-page[b-ygy1dqo3s7]  .config-editor-toolbar,
.config-editor-page[b-ygy1dqo3s7]  .config-editor-actions,
.config-editor-page[b-ygy1dqo3s7]  .config-editor-footer,
.config-editor-page[b-ygy1dqo3s7]  .config-editor-preset-actions,
.config-editor-page[b-ygy1dqo3s7]  .config-editor-apply-actions {
    flex-wrap: wrap;
}

.config-editor-page[b-ygy1dqo3s7]  .config-editor-header .mud-typography-body2,
.config-editor-page[b-ygy1dqo3s7]  .config-editor-toolbar .mud-typography-caption,
.config-editor-page[b-ygy1dqo3s7]  .config-editor-meta .mud-typography-caption {
    color: #a1a1aa;
}

.config-editor-page[b-ygy1dqo3s7]  .config-editor-stat {
    min-width: 120px;
    border: 1px solid #3f3f46;
    border-radius: 8px;
    background: rgba(24, 24, 27, 0.78);
}

.config-editor-page[b-ygy1dqo3s7]  .config-editor-stat .mud-typography-caption,
.config-editor-page[b-ygy1dqo3s7]  .config-editor-meta .mud-typography-caption {
    color: #a1a1aa;
    font-weight: 600;
    text-transform: uppercase;
}

.config-editor-page[b-ygy1dqo3s7]  .config-editor-stat .mud-typography-h5,
.config-editor-page[b-ygy1dqo3s7]  .config-editor-meta .mud-typography-subtitle2 {
    color: #f8fafc;
    font-weight: 700;
}

.config-editor-grid[b-ygy1dqo3s7] {
    display: grid;
    grid-template-columns: minmax(260px, 340px) minmax(0, 1fr);
    gap: 16px;
    align-items: stretch;
}

.config-editor-page[b-ygy1dqo3s7]  .config-editor-sidebar,
.config-editor-page[b-ygy1dqo3s7]  .config-editor-main {
    min-height: calc(100vh - 190px);
}

.config-editor-page[b-ygy1dqo3s7]  .config-editor-main {
    min-width: 0;
    overflow: hidden;
}

.config-editor-page[b-ygy1dqo3s7]  .config-editor-main-stack {
    height: 100%;
}

.config-editor-config-list[b-ygy1dqo3s7] {
    max-height: calc(100vh - 330px);
    overflow: auto;
    padding-right: 4px;
    scrollbar-color: #52525b rgba(3, 7, 18, 0.24);
}

.config-editor-source-toggle[b-ygy1dqo3s7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px;
    padding: 4px;
    border: 1px solid #27272a;
    border-radius: 8px;
    background: rgba(3, 7, 18, 0.38);
}

.config-editor-source-button[b-ygy1dqo3s7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-height: 38px;
    padding: 8px 10px;
    border: 1px solid transparent;
    border-radius: 6px;
    color: #a1a1aa;
    background: transparent;
    cursor: pointer;
    font-weight: 700;
    letter-spacing: 0;
    transition:
        border-color 160ms ease,
        background 160ms ease,
        color 160ms ease;
}

.config-editor-source-button:disabled[b-ygy1dqo3s7] {
    cursor: default;
    opacity: 0.68;
}

.config-editor-source-button:not(:disabled):hover[b-ygy1dqo3s7],
.config-editor-source-button:not(:disabled):focus-visible[b-ygy1dqo3s7] {
    border-color: rgba(250, 204, 21, 0.42);
    color: #f8fafc;
    outline: none;
}

.config-editor-source-button-selected[b-ygy1dqo3s7],
.config-editor-source-button-selected:not(:disabled):hover[b-ygy1dqo3s7],
.config-editor-source-button-selected:not(:disabled):focus-visible[b-ygy1dqo3s7] {
    border-color: rgba(56, 189, 248, 0.48);
    color: #f8fafc;
    background: rgba(14, 116, 144, 0.24);
    box-shadow: inset 0 0 0 1px rgba(56, 189, 248, 0.1);
}

.config-editor-config-list .config-editor-config-button[b-ygy1dqo3s7] {
    margin-bottom: 8px;
}

.config-editor-page[b-ygy1dqo3s7]  .config-editor-empty-list {
    min-height: 160px;
    display: grid;
    place-items: center;
    border: 1px dashed #3f3f46;
    border-radius: 8px;
    background: rgba(3, 7, 18, 0.28);
}

.config-editor-page[b-ygy1dqo3s7]  .config-editor-empty-list .mud-typography-subtitle2 {
    color: #a1a1aa;
    font-weight: 700;
}

.config-editor-config-button[b-ygy1dqo3s7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    min-height: 58px;
    padding: 10px 12px;
    border: 1px solid #27272a;
    border-radius: 8px;
    color: #f8fafc;
    background: rgba(24, 24, 27, 0.55);
    cursor: pointer;
    text-align: left;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
    transition:
        border-color 160ms ease,
        background 160ms ease,
        transform 160ms ease,
        box-shadow 160ms ease;
}

.config-editor-config-button:hover[b-ygy1dqo3s7],
.config-editor-config-button:focus-visible[b-ygy1dqo3s7] {
    transform: translateY(-1px);
    border-color: rgba(250, 204, 21, 0.72);
    background: rgba(24, 24, 27, 0.88);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.24);
    outline: none;
}

.config-editor-config-button-selected[b-ygy1dqo3s7] {
    border-color: rgba(56, 189, 248, 0.86);
    background:
        linear-gradient(90deg, rgba(14, 116, 144, 0.34), rgba(24, 24, 27, 0.7)),
        rgba(14, 116, 144, 0.2);
    box-shadow: inset 3px 0 0 #38bdf8;
}

.config-editor-config-button-modified:not(.config-editor-config-button-selected)[b-ygy1dqo3s7] {
    border-color: rgba(245, 158, 11, 0.42);
}

.config-editor-config-main[b-ygy1dqo3s7] {
    display: grid;
    min-width: 0;
    gap: 3px;
}

.config-editor-config-title[b-ygy1dqo3s7] {
    color: #f8fafc;
    font-weight: 700;
    line-height: 1.25;
}

.config-editor-config-file[b-ygy1dqo3s7] {
    color: #a1a1aa;
    font-size: 0.78rem;
    line-height: 1.25;
}

.config-editor-page[b-ygy1dqo3s7]  .config-editor-sidebar .mud-typography-h6,
.config-editor-page[b-ygy1dqo3s7]  .config-editor-toolbar .mud-typography-h5 {
    color: #f8fafc;
    font-weight: 700;
    letter-spacing: 0;
}

.config-editor-meta-grid[b-ygy1dqo3s7] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.config-editor-page[b-ygy1dqo3s7]  .config-editor-meta {
    border: 1px solid #27272a;
    background: rgba(24, 24, 27, 0.55);
}

.config-editor-page[b-ygy1dqo3s7]  .config-editor-tabs-panel {
    overflow: hidden;
    background:
        linear-gradient(180deg, rgba(24, 24, 27, 0.52), rgba(9, 9, 11, 0.64)),
        rgba(9, 9, 11, 0.58);
}

.config-editor-page[b-ygy1dqo3s7]  .config-editor-tabs {
    background: transparent;
}

.config-editor-page[b-ygy1dqo3s7]  .config-editor-tabs .mud-tabs-toolbar {
    border-bottom: 1px solid #27272a;
    background: rgba(9, 9, 11, 0.76);
}

.config-editor-page[b-ygy1dqo3s7]  .config-editor-tabs .mud-tab {
    min-height: 52px;
    color: #a1a1aa;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
}

.config-editor-page[b-ygy1dqo3s7]  .config-editor-tabs .mud-tab.mud-tab-active {
    color: #facc15;
}

.config-editor-page[b-ygy1dqo3s7]  .config-editor-tab-panel {
    padding: 18px;
}

.config-editor-page[b-ygy1dqo3s7]  .config-editor-json textarea {
    min-height: 56vh;
    color: #e5e7eb;
    background: rgba(3, 7, 18, 0.35);
    font-family: Consolas, "Liberation Mono", monospace;
    font-size: 0.82rem;
    line-height: 1.45;
}

.config-editor-page[b-ygy1dqo3s7]  .config-structured-empty {
    min-height: 320px;
    border: 1px dashed #3f3f46;
    border-radius: 8px;
    background: rgba(3, 7, 18, 0.34);
}

.config-editor-page[b-ygy1dqo3s7]  .config-structured-editor {
    max-height: 64vh;
    overflow: auto;
    padding: 2px 6px 2px 2px;
    scrollbar-color: #52525b rgba(3, 7, 18, 0.24);
}

.config-editor-page[b-ygy1dqo3s7]  .config-json-panels {
    margin-bottom: 12px;
}

.config-editor-page[b-ygy1dqo3s7]  .config-json-panels .mud-expand-panel {
    overflow: hidden;
    border: 1px solid rgba(39, 39, 42, 0.96);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(39, 39, 42, 0.34), rgba(24, 24, 27, 0.48)),
        rgba(24, 24, 27, 0.48);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
    transition:
        border-color 160ms ease,
        background 160ms ease;
}

.config-editor-page[b-ygy1dqo3s7]  .config-json-panels .mud-expand-panel:hover,
.config-editor-page[b-ygy1dqo3s7]  .config-json-panels .mud-expand-panel:focus-within {
    border-color: rgba(82, 82, 91, 0.9);
}

.config-editor-page[b-ygy1dqo3s7]  .config-json-panels .mud-expand-panel-header {
    min-height: 46px;
    padding-inline: 14px;
    background: rgba(3, 7, 18, 0.16);
}

.config-editor-page[b-ygy1dqo3s7]  .config-json-panels .mud-expand-panel-text {
    color: #f8fafc;
    font-weight: 800;
    letter-spacing: 0;
}

.config-editor-page[b-ygy1dqo3s7]  .config-json-panels .mud-expand-panel-content {
    padding-top: 12px;
}

.config-editor-page[b-ygy1dqo3s7]  .config-json-root-panels .mud-expand-panel {
    border-color: rgba(56, 189, 248, 0.34);
    background:
        linear-gradient(180deg, rgba(14, 116, 144, 0.16), rgba(3, 7, 18, 0.34)),
        rgba(3, 7, 18, 0.34);
}

.config-editor-page[b-ygy1dqo3s7]  .config-json-depth-2 .mud-expand-panel,
.config-editor-page[b-ygy1dqo3s7]  .config-json-depth-4 .mud-expand-panel,
.config-editor-page[b-ygy1dqo3s7]  .config-json-depth-6 .mud-expand-panel {
    background: rgba(3, 7, 18, 0.3);
}

.config-editor-page[b-ygy1dqo3s7]  .config-json-object,
.config-editor-page[b-ygy1dqo3s7]  .config-json-array {
    display: grid;
    gap: 12px;
}

.config-editor-page[b-ygy1dqo3s7]  .config-json-object > div,
.config-editor-page[b-ygy1dqo3s7]  .config-json-array > div {
    min-width: 0;
}

.config-editor-page[b-ygy1dqo3s7]  .config-json-array-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: start;
}

.config-editor-page[b-ygy1dqo3s7]  .config-json-section-summary {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    padding: 8px 10px;
    border: 1px solid rgba(63, 63, 70, 0.62);
    border-radius: 8px;
    color: #a1a1aa;
    background: rgba(3, 7, 18, 0.2);
    font-size: 0.78rem;
    font-weight: 700;
}

.config-editor-page[b-ygy1dqo3s7]  .config-json-primitive {
    display: grid;
    grid-template-columns: minmax(170px, 300px) minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    min-height: 54px;
    margin-bottom: 12px;
    padding: 11px 12px;
    border: 1px solid rgba(39, 39, 42, 0.98);
    border-radius: 8px;
    background:
        linear-gradient(90deg, rgba(24, 24, 27, 0.72), rgba(24, 24, 27, 0.42)),
        rgba(24, 24, 27, 0.42);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
    transition:
        border-color 160ms ease,
        background 160ms ease,
        transform 160ms ease;
}

.config-editor-page[b-ygy1dqo3s7]  .config-json-primitive:hover,
.config-editor-page[b-ygy1dqo3s7]  .config-json-primitive:focus-within {
    transform: translateY(-1px);
    border-color: rgba(82, 82, 91, 0.95);
    background: rgba(24, 24, 27, 0.72);
}

.config-editor-page[b-ygy1dqo3s7]  .config-json-primitive-string {
    box-shadow:
        inset 3px 0 0 rgba(56, 189, 248, 0.78),
        inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.config-editor-page[b-ygy1dqo3s7]  .config-json-primitive-number {
    box-shadow:
        inset 3px 0 0 rgba(34, 197, 94, 0.74),
        inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.config-editor-page[b-ygy1dqo3s7]  .config-json-primitive-boolean {
    box-shadow:
        inset 3px 0 0 rgba(250, 204, 21, 0.82),
        inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.config-editor-page[b-ygy1dqo3s7]  .config-json-primitive-null {
    box-shadow:
        inset 3px 0 0 rgba(248, 113, 113, 0.68),
        inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.config-editor-page[b-ygy1dqo3s7]  .config-json-field-meta {
    display: grid;
    min-width: 0;
    gap: 6px;
}

.config-editor-page[b-ygy1dqo3s7]  .config-json-label {
    color: #f8fafc;
    font-weight: 700;
    line-height: 1.3;
    word-break: break-word;
}

.config-editor-page[b-ygy1dqo3s7]  .config-json-kind {
    width: max-content;
    max-width: 100%;
    padding: 3px 7px;
    border: 1px solid rgba(63, 63, 70, 0.74);
    border-radius: 999px;
    color: #d4d4d8;
    background: rgba(39, 39, 42, 0.72);
    font-size: 0.68rem;
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase;
}

.config-editor-page[b-ygy1dqo3s7]  .config-json-kind-object,
.config-editor-page[b-ygy1dqo3s7]  .config-json-kind-string {
    border-color: rgba(56, 189, 248, 0.34);
    color: #7dd3fc;
    background: var(--config-editor-blue-soft);
}

.config-editor-page[b-ygy1dqo3s7]  .config-json-kind-array,
.config-editor-page[b-ygy1dqo3s7]  .config-json-kind-number {
    border-color: rgba(34, 197, 94, 0.34);
    color: #86efac;
    background: var(--config-editor-green-soft);
}

.config-editor-page[b-ygy1dqo3s7]  .config-json-kind-boolean {
    border-color: rgba(250, 204, 21, 0.38);
    color: #fde047;
    background: var(--config-editor-yellow-soft);
}

.config-editor-page[b-ygy1dqo3s7]  .config-json-kind-null {
    border-color: rgba(248, 113, 113, 0.34);
    color: #fca5a5;
    background: var(--config-editor-red-soft);
}

.config-editor-page[b-ygy1dqo3s7]  .config-json-primitive-input input {
    font-family: Consolas, "Liberation Mono", monospace;
}

.config-editor-page[b-ygy1dqo3s7]  .config-json-switch-field {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #d4d4d8;
    font-weight: 700;
}

.config-editor-page[b-ygy1dqo3s7]  .config-json-add-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    padding: 12px;
    border: 1px dashed rgba(82, 82, 91, 0.85);
    border-radius: 8px;
    background: rgba(3, 7, 18, 0.3);
}

.config-editor-page[b-ygy1dqo3s7]  .config-json-add-name {
    min-width: 220px;
}

.config-editor-page[b-ygy1dqo3s7]  .config-json-add-type {
    width: 150px;
}

.config-editor-page[b-ygy1dqo3s7]  .mud-input-control {
    margin-top: 0;
}

.config-editor-page[b-ygy1dqo3s7]  .mud-input,
.config-editor-page[b-ygy1dqo3s7]  .mud-select {
    color: #f8fafc;
}

.config-editor-page[b-ygy1dqo3s7]  .mud-input-outlined-border {
    border-color: #3f3f46 !important;
}

.config-editor-page[b-ygy1dqo3s7]  .mud-input:hover .mud-input-outlined-border {
    border-color: #52525b !important;
}

.config-editor-page[b-ygy1dqo3s7]  .mud-input.mud-input-focused .mud-input-outlined-border {
    border-color: #38bdf8 !important;
}

.config-editor-page[b-ygy1dqo3s7]  .mud-input-label,
.config-editor-page[b-ygy1dqo3s7]  .mud-input-adornment,
.config-editor-page[b-ygy1dqo3s7]  .mud-input-adornment .mud-icon-root {
    color: #a1a1aa !important;
}

.config-editor-page[b-ygy1dqo3s7]  .mud-button-root {
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
}

.config-editor-page[b-ygy1dqo3s7]  .mud-button-outlined-secondary,
.config-editor-page[b-ygy1dqo3s7]  .mud-icon-button-outlined-secondary {
    border-color: #3f3f46;
    color: #facc15;
}

.config-editor-page[b-ygy1dqo3s7]  .mud-button-outlined-secondary:hover,
.config-editor-page[b-ygy1dqo3s7]  .mud-icon-button-outlined-secondary:hover {
    border-color: #facc15;
    background: rgba(250, 204, 21, 0.08);
}

.config-editor-page[b-ygy1dqo3s7]  .config-editor-save-button {
    border-color: #3f3f46 !important;
    color: #f8fafc !important;
}

.config-editor-page[b-ygy1dqo3s7]  .config-editor-save-button:hover,
.config-editor-page[b-ygy1dqo3s7]  .config-editor-save-button:focus-visible {
    border-color: #38bdf8 !important;
    background: rgba(56, 189, 248, 0.08) !important;
    color: #f8fafc !important;
}

.config-editor-page[b-ygy1dqo3s7]  .config-editor-apply-button,
.config-editor-page[b-ygy1dqo3s7]  .config-editor-apply-button:hover,
.config-editor-page[b-ygy1dqo3s7]  .config-editor-apply-button:focus,
.config-editor-page[b-ygy1dqo3s7]  .config-editor-apply-button:focus-visible,
.config-editor-page[b-ygy1dqo3s7]  .config-editor-apply-button:active {
    background: #facc15 !important;
    color: #111827 !important;
}

.config-editor-page[b-ygy1dqo3s7]  .config-editor-apply-button:hover,
.config-editor-page[b-ygy1dqo3s7]  .config-editor-apply-button:focus-visible {
    background: #fde047 !important;
}

.config-editor-page[b-ygy1dqo3s7]  .config-editor-apply-button .mud-icon-root {
    color: #111827 !important;
}

.config-editor-page[b-ygy1dqo3s7]  .mud-chip {
    border-radius: 6px;
    font-weight: 700;
}

.config-editor-page[b-ygy1dqo3s7]  .mud-chip-color-warning {
    background: rgba(245, 158, 11, 0.16);
    color: #fbbf24;
}

.config-editor-page[b-ygy1dqo3s7]  .mud-chip-color-info {
    background: rgba(34, 211, 238, 0.14);
    color: #67e8f9;
}

.config-editor-page[b-ygy1dqo3s7]  .config-editor-preset-select {
    width: 220px;
}

.config-editor-page[b-ygy1dqo3s7]  .config-editor-preset-name {
    width: 240px;
}

@media (max-width: 1000px) {
    .config-editor-page[b-ygy1dqo3s7]  .config-editor-container {
        padding: 16px !important;
    }

    .config-editor-page[b-ygy1dqo3s7]  .config-editor-header-content,
    .config-editor-page[b-ygy1dqo3s7]  .config-editor-stat-stack,
    .config-editor-page[b-ygy1dqo3s7]  .config-editor-toolbar,
    .config-editor-page[b-ygy1dqo3s7]  .config-editor-footer,
    .config-editor-page[b-ygy1dqo3s7]  .config-editor-preset-actions,
    .config-editor-page[b-ygy1dqo3s7]  .config-editor-apply-actions {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .config-editor-grid[b-ygy1dqo3s7],
    .config-editor-meta-grid[b-ygy1dqo3s7] {
        grid-template-columns: 1fr;
    }

    .config-editor-page[b-ygy1dqo3s7]  .config-editor-sidebar,
    .config-editor-page[b-ygy1dqo3s7]  .config-editor-main {
        min-height: auto;
    }

    .config-editor-config-list[b-ygy1dqo3s7] {
        max-height: 42vh;
    }

    .config-editor-page[b-ygy1dqo3s7]  .config-editor-preset-select,
    .config-editor-page[b-ygy1dqo3s7]  .config-editor-preset-name {
        width: 100%;
    }

    .config-editor-page[b-ygy1dqo3s7]  .config-json-primitive,
    .config-editor-page[b-ygy1dqo3s7]  .config-json-array-row {
        grid-template-columns: 1fr;
    }

    .config-editor-page[b-ygy1dqo3s7]  .config-structured-editor {
        max-height: 60vh;
    }
}
/* SPTarkov.Server.Web/Pages/Database/DatabasePage.razor.rz.scp.css */
.database-page[b-oxokpaiawc] {
    --database-panel-bg: rgba(9, 9, 11, 0.74);
    --database-yellow-soft: rgba(250, 204, 21, 0.12);
    --database-blue-soft: rgba(56, 189, 248, 0.12);
    --database-green-soft: rgba(34, 197, 94, 0.13);
    --database-red-soft: rgba(248, 113, 113, 0.12);
}

.database-page[b-oxokpaiawc]  .database-page-container {
    max-width: 1800px;
    margin-inline: auto;
}

.database-page[b-oxokpaiawc]  .database-header,
.database-page[b-oxokpaiawc]  .database-sidebar,
.database-page[b-oxokpaiawc]  .database-table-panel,
.database-page[b-oxokpaiawc]  .database-details {
    background: var(--database-panel-bg);
    border-color: rgba(63, 63, 70, 0.76);
}

.database-page[b-oxokpaiawc]  .database-header {
    border-color: #1f2937;
    background:
        linear-gradient(135deg, rgba(31, 41, 55, 0.92), rgba(3, 7, 18, 0.95) 52%, rgba(9, 9, 11, 0.98)),
        rgba(9, 9, 11, 0.86);
}

.database-page[b-oxokpaiawc]  .database-header-content {
    gap: 24px;
}

.database-page[b-oxokpaiawc]  .database-header .mud-typography-h3 {
    font-size: 2.25rem;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.1;
}

.database-page[b-oxokpaiawc]  .database-title-row {
    flex-wrap: wrap;
}

.database-page[b-oxokpaiawc]  .database-header-table-select {
    width: 220px;
    min-width: 180px;
}

.database-page[b-oxokpaiawc]  .database-header-table-select .mud-input-control-input-container {
    background: rgba(24, 24, 27, 0.72);
    border-radius: 8px;
}

.database-page[b-oxokpaiawc]  .database-header .mud-typography-body2,
.database-page[b-oxokpaiawc]  .database-section-toolbar .mud-typography-caption,
.database-page[b-oxokpaiawc]  .database-details .mud-typography-caption,
.database-page[b-oxokpaiawc]  .database-details .mud-typography-body2.mud-secondary-text {
    color: #a1a1aa;
}

.database-page[b-oxokpaiawc]  .database-stat {
    min-width: 120px;
    border: 1px solid rgba(63, 63, 70, 0.9);
    background:
        linear-gradient(180deg, rgba(39, 39, 42, 0.58), rgba(24, 24, 27, 0.78)),
        rgba(24, 24, 27, 0.78);
    border-radius: 8px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.database-page[b-oxokpaiawc]  .database-stat .mud-typography-caption {
    color: #a1a1aa;
    font-weight: 600;
    text-transform: uppercase;
}

.database-page[b-oxokpaiawc]  .database-stat .mud-typography-h5 {
    color: #f8fafc;
    font-weight: 700;
}

.database-page .database-browser-grid[b-oxokpaiawc] {
    display: grid;
    grid-template-columns: minmax(240px, 300px) minmax(0, 1fr);
    gap: 16px;
    align-items: stretch;
}

.database-page[b-oxokpaiawc]  .database-sidebar,
.database-page[b-oxokpaiawc]  .database-table-panel,
.database-page[b-oxokpaiawc]  .database-details {
    min-height: calc(100vh - 190px);
}

.database-page[b-oxokpaiawc]  .database-table-panel {
    min-width: 0;
    overflow: hidden;
}

.database-page[b-oxokpaiawc]  .database-loading-overlay {
    position: fixed;
    inset: 0;
    z-index: 1400;
    display: grid;
    place-items: center;
    padding: 24px;
    background:
        radial-gradient(circle at 50% 42%, rgba(250, 204, 21, 0.14), transparent 24rem),
        rgba(3, 7, 18, 0.82);
    backdrop-filter: blur(10px);
}

.database-page[b-oxokpaiawc]  .database-loading-panel {
    display: flex;
    align-items: center;
    gap: 18px;
    max-width: min(460px, 100%);
    border-color: rgba(250, 204, 21, 0.42);
    background: rgba(9, 9, 11, 0.92);
}

.database-page[b-oxokpaiawc]  .database-empty-details {
    min-height: calc(100vh - 240px);
    text-align: center;
}

.database-page[b-oxokpaiawc]  .database-details-modal-backdrop {
    position: fixed;
    inset: 0;
    z-index: 1300;
    display: grid;
    place-items: center;
    padding: 28px;
    background: rgba(0, 0, 0, 0.68);
    backdrop-filter: blur(10px);
}

.database-page[b-oxokpaiawc]  .database-details-modal {
    width: min(1280px, 100%);
    max-height: calc(100vh - 56px);
    overflow: auto;
    scrollbar-color: #52525b rgba(3, 7, 18, 0.24);
}

.database-page[b-oxokpaiawc]  .database-details-modal .database-details {
    min-height: auto;
}

.database-page[b-oxokpaiawc]  .database-details-heading {
    gap: 16px;
}

.database-page[b-oxokpaiawc]  .database-details-actions {
    flex-wrap: wrap;
    justify-content: flex-end;
}

.database-page[b-oxokpaiawc]  .database-details-actions .mud-button-root {
    border-color: #3f3f46;
    color: #facc15;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
}

.database-page[b-oxokpaiawc]  .database-details-actions .mud-button-root:hover {
    border-color: #facc15;
    background: rgba(250, 204, 21, 0.08);
}

.database-page[b-oxokpaiawc]  .database-assort-modal-backdrop {
    position: fixed;
    inset: 0;
    z-index: 1350;
    display: grid;
    place-items: center;
    padding: 28px;
    background: rgba(0, 0, 0, 0.72);
    backdrop-filter: blur(10px);
}

.database-page[b-oxokpaiawc]  .database-assort-modal {
    width: min(1500px, 100%);
    max-height: calc(100vh - 56px);
    overflow: auto;
    scrollbar-color: #52525b rgba(3, 7, 18, 0.24);
}

.database-page[b-oxokpaiawc]  .database-assort-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    min-height: 220px;
    border-color: rgba(250, 204, 21, 0.42);
    background: rgba(9, 9, 11, 0.94);
    text-align: center;
}

.database-page .database-detail-grid[b-oxokpaiawc] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.database-page[b-oxokpaiawc]  .database-detail-value {
    min-width: 0;
    padding: 10px 12px;
    border: 1px solid rgba(39, 39, 42, 0.98);
    border-radius: 8px;
    background:
        linear-gradient(90deg, rgba(24, 24, 27, 0.72), rgba(24, 24, 27, 0.48)),
        rgba(24, 24, 27, 0.55);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.database-page[b-oxokpaiawc]  .database-detail-value .mud-typography-caption {
    color: #a1a1aa !important;
    font-weight: 600;
}

.database-page[b-oxokpaiawc]  .database-mono {
    font-family: Consolas, "Liberation Mono", monospace;
    word-break: break-all;
}

.database-page[b-oxokpaiawc]  .database-row-button {
    min-width: 0;
    max-width: 260px;
    justify-content: flex-start;
    color: #e5e7eb !important;
    font-weight: 600;
    letter-spacing: 0;
    text-align: left;
    text-transform: none;
    white-space: normal;
}

.database-page[b-oxokpaiawc]  .database-chip-row {
    flex-wrap: wrap;
}

.database-page[b-oxokpaiawc]  .database-properties {
    min-width: 0;
}

.database-page[b-oxokpaiawc]  .database-properties-header {
    gap: 12px;
}

.database-page[b-oxokpaiawc]  .database-properties-table .mud-table-container {
    max-height: 520px;
}

.database-page[b-oxokpaiawc]  .database-property-path {
    color: #facc15;
    font-weight: 700;
}

.database-page[b-oxokpaiawc]  .database-property-value {
    display: block;
    max-width: 100%;
    color: #d4d4d8;
    white-space: pre-wrap;
    word-break: break-word;
}

.database-page .database-raw-json[b-oxokpaiawc] {
    border: 1px solid rgba(39, 39, 42, 0.96);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(3, 7, 18, 0.54), rgba(3, 7, 18, 0.42)),
        rgba(3, 7, 18, 0.42);
}

.database-page .database-raw-json summary[b-oxokpaiawc] {
    cursor: pointer;
    padding: 10px 12px;
    color: #facc15;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
}

.database-page .database-raw-json pre[b-oxokpaiawc] {
    max-height: 560px;
    margin: 0;
    overflow: auto;
    border-top: 1px solid #27272a;
    padding: 12px;
    color: #d4d4d8;
    font-family: Consolas, "Liberation Mono", monospace;
    font-size: 0.75rem;
    line-height: 1.45;
    white-space: pre-wrap;
    word-break: break-word;
    scrollbar-color: #52525b rgba(3, 7, 18, 0.24);
}

.database-page[b-oxokpaiawc]  .database-selected-row {
    background:
        linear-gradient(90deg, rgba(14, 116, 144, 0.28), rgba(56, 189, 248, 0.08)) !important;
    box-shadow: inset 3px 0 0 #38bdf8;
}

.database-page[b-oxokpaiawc]  .database-sidebar .mud-typography-h6,
.database-page[b-oxokpaiawc]  .database-table-panel .mud-typography-h6,
.database-page[b-oxokpaiawc]  .database-details .mud-typography-h5,
.database-page[b-oxokpaiawc]  .database-details .mud-typography-subtitle2 {
    color: #f8fafc;
    font-weight: 700;
    letter-spacing: 0;
}

.database-page[b-oxokpaiawc]  .database-sidebar .mud-divider,
.database-page[b-oxokpaiawc]  .database-details .mud-divider {
    border-color: #27272a;
}

.database-page[b-oxokpaiawc]  .mud-input-control {
    margin-top: 0;
}

.database-page[b-oxokpaiawc]  .mud-input,
.database-page[b-oxokpaiawc]  .mud-select {
    color: #f8fafc;
}

.database-page[b-oxokpaiawc]  .mud-input-outlined-border {
    border-color: #3f3f46 !important;
}

.database-page[b-oxokpaiawc]  .mud-input:hover .mud-input-outlined-border {
    border-color: #52525b !important;
}

.database-page[b-oxokpaiawc]  .mud-input.mud-input-focused .mud-input-outlined-border {
    border-color: #38bdf8 !important;
}

.database-page[b-oxokpaiawc]  .mud-input-label {
    color: #a1a1aa !important;
}

.database-page[b-oxokpaiawc]  .mud-input-adornment,
.database-page[b-oxokpaiawc]  .mud-input-adornment .mud-icon-root {
    color: #a1a1aa;
}

.database-page[b-oxokpaiawc]  .mud-button-outlined-secondary {
    border-color: #3f3f46;
    color: #facc15;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
}

.database-page[b-oxokpaiawc]  .mud-button-outlined-secondary:hover {
    border-color: #facc15;
    background: rgba(250, 204, 21, 0.08);
}

.database-page[b-oxokpaiawc]  .mud-table {
    background: transparent;
    color: #e5e7eb;
}

.database-page[b-oxokpaiawc]  .mud-table-container {
    border: 1px solid rgba(39, 39, 42, 0.96);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(3, 7, 18, 0.54), rgba(3, 7, 18, 0.42)),
        rgba(3, 7, 18, 0.42);
}

.database-page[b-oxokpaiawc]  .mud-table-head {
    background:
        linear-gradient(180deg, rgba(39, 39, 42, 0.98), rgba(24, 24, 27, 0.96)),
        rgba(24, 24, 27, 0.96);
}

.database-page[b-oxokpaiawc]  .mud-table-cell {
    border-color: #27272a;
    color: #d4d4d8;
}

.database-page[b-oxokpaiawc]  .mud-table-head .mud-table-cell {
    color: #a1a1aa;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
}

.database-page[b-oxokpaiawc]  .database-sort-button {
    min-width: 0;
    padding: 0;
    color: #a1a1aa;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
}

.database-page[b-oxokpaiawc]  .database-sort-button .mud-button-label {
    justify-content: flex-start;
}

.database-page[b-oxokpaiawc]  .database-sort-button:hover,
.database-page[b-oxokpaiawc]  .database-sort-button-active {
    color: #facc15;
}

.database-page[b-oxokpaiawc]  .mud-table-row:hover {
    background: rgba(56, 189, 248, 0.07) !important;
}

.database-page[b-oxokpaiawc]  .mud-table-pagination {
    border-top: 1px solid #27272a;
    color: #a1a1aa;
    background: rgba(9, 9, 11, 0.78);
}

.database-page[b-oxokpaiawc]  .mud-chip {
    border-radius: 6px;
    font-weight: 700;
}

.database-page[b-oxokpaiawc]  .mud-chip-color-warning {
    background: rgba(245, 158, 11, 0.16);
    color: #fbbf24;
}

.database-page[b-oxokpaiawc]  .mud-chip-color-info {
    background: rgba(34, 211, 238, 0.14);
    color: #67e8f9;
}

.database-page[b-oxokpaiawc]  .mud-chip-color-success {
    background: rgba(52, 211, 153, 0.14);
    color: #6ee7b7;
}

@media (max-width: 1280px) {
    .database-page .database-browser-grid[b-oxokpaiawc] {
        grid-template-columns: 280px minmax(0, 1fr);
    }
}

@media (max-width: 900px) {
    .database-page[b-oxokpaiawc]  .database-page-container {
        padding: 16px !important;
    }

    .database-page[b-oxokpaiawc]  .database-header-content,
    .database-page[b-oxokpaiawc]  .database-stat-stack,
    .database-page[b-oxokpaiawc]  .database-section-toolbar {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .database-page .database-browser-grid[b-oxokpaiawc] {
        grid-template-columns: 1fr;
    }

    .database-page[b-oxokpaiawc]  .database-sidebar,
    .database-page[b-oxokpaiawc]  .database-table-panel {
        min-height: auto;
    }

    .database-page[b-oxokpaiawc]  .database-details-modal-backdrop {
        padding: 12px;
    }

    .database-page[b-oxokpaiawc]  .database-assort-modal-backdrop {
        padding: 12px;
    }

    .database-page[b-oxokpaiawc]  .database-details-modal {
        max-height: calc(100vh - 24px);
    }

    .database-page[b-oxokpaiawc]  .database-assort-modal {
        max-height: calc(100vh - 24px);
    }

    .database-page[b-oxokpaiawc]  .database-loading-panel {
        flex-direction: column;
        text-align: center;
    }

    .database-page .database-detail-grid[b-oxokpaiawc] {
        grid-template-columns: 1fr;
    }
}
/* SPTarkov.Server.Web/Pages/LandingPage.razor.rz.scp.css */
.landing-page[b-wjletwyndz] {
    position: relative;
    min-height: 100vh;
    overflow-x: hidden;
    color: #f8fafc;
    font-family: Figtree, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.landing-background[b-wjletwyndz] {
    position: fixed;
    inset: 0;
    z-index: -2;
    overflow: hidden;
    background:
        radial-gradient(circle at 18% 6%, rgba(245, 158, 11, 0.14), transparent 28rem),
        radial-gradient(circle at 88% 16%, rgba(56, 189, 248, 0.12), transparent 24rem),
        #030712;
}

.landing-background video[b-wjletwyndz] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.14;
    filter: saturate(0.7) contrast(1.1);
}

.landing-background-overlay[b-wjletwyndz] {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(3, 7, 18, 0.8), rgba(3, 7, 18, 0.94) 58%, rgba(9, 9, 11, 0.98)),
        linear-gradient(90deg, rgba(3, 7, 18, 0.98), rgba(3, 7, 18, 0.7) 44%, rgba(3, 7, 18, 0.95)),
        repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.025), rgba(255, 255, 255, 0.025) 1px, transparent 1px, transparent 14px);
}

.landing-page[b-wjletwyndz]  .landing-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 32px;
    min-height: 100vh;
    max-width: 1040px;
    margin-inline: auto;
    padding-block: clamp(48px, 8vh, 96px) !important;
}

.landing-hero[b-wjletwyndz] {
    width: min(760px, 100%);
    text-align: center;
}

.landing-page[b-wjletwyndz]  .landing-kicker {
    color: #facc15;
    font-weight: 800;
    letter-spacing: 0.08em;
}

.landing-page[b-wjletwyndz]  .landing-hero .mud-typography-h1 {
    margin: 8px auto 16px;
    max-width: 12ch;
    font-size: clamp(3rem, 6vw, 5.75rem);
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1;
}

.landing-page[b-wjletwyndz]  .landing-subtitle {
    margin-inline: auto;
    max-width: 42rem;
    color: #d4d4d8;
    font-size: 1.1rem;
    line-height: 1.65;
}

.landing-grid[b-wjletwyndz] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    width: min(100%, 1040px);
    justify-content: center;
}

.landing-section[b-wjletwyndz] {
    display: grid;
    gap: 14px;
    width: min(100%, 1040px);
}

.landing-page[b-wjletwyndz]  .landing-section-title {
    color: #f8fafc;
    font-size: 0.9rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.landing-link-card[b-wjletwyndz] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-rows: auto minmax(0, 1fr);
    gap: 14px 12px;
    align-items: start;
    min-height: 184px;
    padding: 20px;
    border: 1px solid rgba(63, 63, 70, 0.9);
    border-radius: 8px;
    color: inherit;
    text-decoration: none;
    background:
        linear-gradient(180deg, rgba(24, 24, 27, 0.52), rgba(9, 9, 11, 0.78)),
        rgba(9, 9, 11, 0.76);
    box-shadow: 0 22px 60px rgba(0, 0, 0, 0.34);
    backdrop-filter: blur(14px);
    transition:
        transform 160ms ease,
        border-color 160ms ease,
        background 160ms ease,
        box-shadow 160ms ease;
}

.landing-link-card:hover[b-wjletwyndz],
.landing-link-card:focus-visible[b-wjletwyndz] {
    transform: translateY(-2px);
    border-color: rgba(250, 204, 21, 0.78);
    background:
        linear-gradient(180deg, rgba(39, 39, 42, 0.62), rgba(24, 24, 27, 0.88)),
        rgba(24, 24, 27, 0.88);
    box-shadow: 0 28px 72px rgba(0, 0, 0, 0.42);
    outline: none;
}

.landing-link-icon[b-wjletwyndz] {
    display: inline-grid;
    place-items: center;
    width: 46px;
    height: 46px;
    border: 1px solid rgba(250, 204, 21, 0.36);
    border-radius: 8px;
    color: #facc15;
    background:
        linear-gradient(180deg, rgba(250, 204, 21, 0.12), rgba(250, 204, 21, 0.06)),
        rgba(250, 204, 21, 0.08);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.landing-link-copy[b-wjletwyndz] {
    display: grid;
    gap: 6px;
    min-width: 0;
}

.landing-link-title[b-wjletwyndz] {
    color: #f8fafc;
    font-size: 1.05rem;
    font-weight: 800;
    line-height: 1.2;
}

.landing-link-description[b-wjletwyndz] {
    color: #a1a1aa;
    font-size: 0.9rem;
    line-height: 1.45;
}

.landing-page[b-wjletwyndz]  .landing-link-arrow {
    grid-column: 1 / -1;
    justify-self: start;
    align-self: end;
    color: #facc15;
    transition: transform 160ms ease;
}

.landing-link-card:hover[b-wjletwyndz]  .landing-link-arrow,
.landing-link-card:focus-visible[b-wjletwyndz]  .landing-link-arrow {
    transform: translateX(3px);
}

.landing-mod-link-card[b-wjletwyndz] {
    border-color: rgba(56, 189, 248, 0.62);
}

.landing-mod-link-card .landing-link-icon[b-wjletwyndz] {
    border-color: rgba(56, 189, 248, 0.42);
    color: #67e8f9;
    background:
        linear-gradient(180deg, rgba(56, 189, 248, 0.12), rgba(56, 189, 248, 0.06)),
        rgba(56, 189, 248, 0.08);
}

@media (max-width: 1180px) {
    .landing-grid[b-wjletwyndz],
    .landing-mod-grid[b-wjletwyndz] {
        width: min(100%, 820px);
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 980px) {
    .landing-grid[b-wjletwyndz],
    .landing-mod-grid[b-wjletwyndz],
    .landing-section[b-wjletwyndz] {
        width: min(100%, 540px);
    }

    .landing-page[b-wjletwyndz]  .landing-hero .mud-typography-h1 {
        font-size: 3.5rem;
    }
}

@media (max-width: 680px) {
    .landing-grid[b-wjletwyndz],
    .landing-mod-grid[b-wjletwyndz] {
        grid-template-columns: 1fr;
    }

    .landing-page[b-wjletwyndz]  .landing-container {
        padding: 18px !important;
    }

    .landing-link-card[b-wjletwyndz] {
        min-height: 126px;
        padding: 16px;
    }

    .landing-page[b-wjletwyndz]  .landing-hero .mud-typography-h1 {
        font-size: 2.8rem;
    }
}
/* SPTarkov.Server.Web/Pages/ProfileControlPage.razor.rz.scp.css */
.profiles-page[b-mafbg2ar3m] {
    --profiles-panel-bg: rgba(9, 9, 11, 0.74);
    --profiles-yellow-soft: rgba(250, 204, 21, 0.12);
    --profiles-blue-soft: rgba(56, 189, 248, 0.12);
    --profiles-green-soft: rgba(34, 197, 94, 0.13);
    --profiles-red-soft: rgba(248, 113, 113, 0.12);
}

.profiles-page[b-mafbg2ar3m]  .profiles-page-container {
    max-width: 1680px;
    margin-inline: auto;
}

.profiles-page[b-mafbg2ar3m]  .profiles-header,
.profiles-page[b-mafbg2ar3m]  .profiles-sidebar,
.profiles-page[b-mafbg2ar3m]  .profiles-results,
.profiles-page[b-mafbg2ar3m]  .profiles-details {
    background: var(--profiles-panel-bg);
    border-color: rgba(63, 63, 70, 0.76);
}

.profiles-page[b-mafbg2ar3m]  .profiles-header {
    border-color: #1f2937;
    background:
        linear-gradient(135deg, rgba(31, 41, 55, 0.92), rgba(3, 7, 18, 0.95) 52%, rgba(9, 9, 11, 0.98)),
        rgba(9, 9, 11, 0.86);
}

.profiles-page[b-mafbg2ar3m]  .profiles-header-content {
    gap: 24px;
}

.profiles-page[b-mafbg2ar3m]  .profiles-header .mud-typography-h3 {
    font-size: 2.25rem;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.1;
}

.profiles-page[b-mafbg2ar3m]  .profiles-header .mud-typography-body2,
.profiles-page[b-mafbg2ar3m]  .profiles-section-toolbar .mud-typography-caption {
    color: #a1a1aa;
}

.profiles-page[b-mafbg2ar3m]  .profiles-title-row,
.profiles-page[b-mafbg2ar3m]  .profiles-section-toolbar,
.profiles-page[b-mafbg2ar3m]  .profiles-actions,
.profiles-page[b-mafbg2ar3m]  .profiles-chip-row {
    flex-wrap: wrap;
}

.profiles-page[b-mafbg2ar3m]  .profiles-stat {
    min-width: 120px;
    border: 1px solid rgba(63, 63, 70, 0.9);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(39, 39, 42, 0.58), rgba(24, 24, 27, 0.78)),
        rgba(24, 24, 27, 0.78);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.profiles-page[b-mafbg2ar3m]  .profiles-stat .mud-typography-caption {
    color: #a1a1aa;
    font-weight: 600;
    text-transform: uppercase;
}

.profiles-page[b-mafbg2ar3m]  .profiles-stat .mud-typography-h5 {
    color: #f8fafc;
    font-weight: 700;
}

.profiles-grid[b-mafbg2ar3m] {
    display: grid;
    grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
    gap: 16px;
    align-items: stretch;
}

.profiles-page[b-mafbg2ar3m]  .profiles-sidebar,
.profiles-page[b-mafbg2ar3m]  .profiles-results,
.profiles-page[b-mafbg2ar3m]  .profiles-details {
    min-height: calc(100vh - 190px);
    overflow: hidden;
}

.profiles-page[b-mafbg2ar3m]  .profiles-sidebar .mud-typography-h6,
.profiles-page[b-mafbg2ar3m]  .profiles-results .mud-typography-h6,
.profiles-page[b-mafbg2ar3m]  .profiles-details .mud-typography-h5,
.profiles-page[b-mafbg2ar3m]  .profiles-details .mud-typography-subtitle2,
.profiles-page[b-mafbg2ar3m]  .profiles-sidebar .mud-typography-subtitle2 {
    color: #f8fafc;
    font-weight: 700;
    letter-spacing: 0;
}

.profiles-page[b-mafbg2ar3m]  .profiles-details-modal-backdrop {
    position: fixed;
    inset: 0;
    z-index: 1300;
    display: grid;
    place-items: center;
    padding: 28px;
    background: rgba(0, 0, 0, 0.68);
    backdrop-filter: blur(10px);
}

.profiles-page[b-mafbg2ar3m]  .profiles-details-modal {
    width: min(1280px, 100%);
    max-height: calc(100vh - 56px);
    overflow: auto;
    scrollbar-color: #52525b rgba(3, 7, 18, 0.24);
}

.profiles-page[b-mafbg2ar3m]  .profiles-details-modal .profiles-details {
    min-height: auto;
}

.profiles-page[b-mafbg2ar3m]  .profiles-empty-details {
    min-height: 360px;
    text-align: center;
}

.profiles-page[b-mafbg2ar3m]  .database-loading-overlay {
    position: fixed;
    inset: 0;
    z-index: 1400;
    display: grid;
    place-items: center;
    padding: 24px;
    background:
        radial-gradient(circle at 50% 42%, rgba(250, 204, 21, 0.14), transparent 24rem),
        rgba(3, 7, 18, 0.82);
    backdrop-filter: blur(10px);
}

.profiles-page[b-mafbg2ar3m]  .database-loading-panel {
    display: flex;
    align-items: center;
    gap: 18px;
    max-width: min(460px, 100%);
    border-color: rgba(250, 204, 21, 0.42);
    background: rgba(9, 9, 11, 0.92);
}

.profiles-page[b-mafbg2ar3m]  .profiles-details-heading,
.profiles-page[b-mafbg2ar3m]  .profiles-properties-header {
    gap: 12px;
}

.profiles-page[b-mafbg2ar3m]  .profiles-detail-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.profiles-page[b-mafbg2ar3m]  .profiles-edit-panel {
    border: 1px solid rgba(39, 39, 42, 0.98);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(24, 24, 27, 0.64), rgba(9, 9, 11, 0.72)),
        rgba(9, 9, 11, 0.72);
}

.profiles-page[b-mafbg2ar3m]  .profiles-edit-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(150px, 1fr));
    gap: 12px;
}

.profiles-page[b-mafbg2ar3m]  .profiles-skills-table .mud-table-container {
    max-height: 360px;
}

.profiles-page[b-mafbg2ar3m]  .profiles-hideout-table .mud-table-container {
    max-height: 360px;
}

.profiles-page[b-mafbg2ar3m]  .profiles-quests-table .mud-table-container {
    max-height: 420px;
}

.profiles-page[b-mafbg2ar3m]  .profiles-traders-table .mud-table-container {
    max-height: 420px;
}

.profiles-page[b-mafbg2ar3m]  .profiles-details-tabs {
    border: 1px solid rgba(39, 39, 42, 0.98);
    border-radius: 8px;
    overflow: hidden;
    background: rgba(3, 7, 18, 0.28);
}

.profiles-page[b-mafbg2ar3m]  .profiles-details-tabs .mud-tabs-toolbar {
    background:
        linear-gradient(180deg, rgba(39, 39, 42, 0.9), rgba(24, 24, 27, 0.88)),
        rgba(24, 24, 27, 0.88);
}

.profiles-page[b-mafbg2ar3m]  .profiles-details-tab-panel {
    padding: 16px;
}

.profiles-page[b-mafbg2ar3m]  .profiles-detail-value {
    min-width: 0;
    padding: 10px 12px;
    border: 1px solid rgba(39, 39, 42, 0.98);
    border-radius: 8px;
    background:
        linear-gradient(90deg, rgba(24, 24, 27, 0.72), rgba(24, 24, 27, 0.48)),
        rgba(24, 24, 27, 0.55);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.profiles-page[b-mafbg2ar3m]  .profiles-detail-value .mud-typography-caption {
    color: #a1a1aa !important;
    font-weight: 600;
}

.profiles-page[b-mafbg2ar3m]  .profiles-properties {
    min-width: 0;
}

.profiles-page[b-mafbg2ar3m]  .profiles-properties-table .mud-table-container {
    max-height: 520px;
}

.profiles-page[b-mafbg2ar3m]  .profiles-property-path {
    color: #facc15;
    font-weight: 700;
}

.profiles-page[b-mafbg2ar3m]  .profiles-property-value {
    display: block;
    max-width: 100%;
    color: #d4d4d8;
    white-space: pre-wrap;
    word-break: break-word;
}

.profiles-page[b-mafbg2ar3m]  .profiles-raw-json-toggle {
    align-self: flex-start;
}

.profiles-page[b-mafbg2ar3m]  .profiles-raw-json {
    border: 1px solid rgba(39, 39, 42, 0.96);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(3, 7, 18, 0.54), rgba(3, 7, 18, 0.42)),
        rgba(3, 7, 18, 0.42);
}

.profiles-page[b-mafbg2ar3m]  .profiles-raw-json pre {
    max-height: 560px;
    margin: 0;
    overflow: auto;
    padding: 12px;
    color: #d4d4d8;
    font-family: Consolas, "Liberation Mono", monospace;
    font-size: 0.75rem;
    line-height: 1.45;
    white-space: pre-wrap;
    word-break: break-word;
    scrollbar-color: #52525b rgba(3, 7, 18, 0.24);
}

.profiles-page[b-mafbg2ar3m]  .profiles-primary-button,
.profiles-page[b-mafbg2ar3m]  .profiles-primary-button:hover,
.profiles-page[b-mafbg2ar3m]  .profiles-primary-button:focus,
.profiles-page[b-mafbg2ar3m]  .profiles-primary-button:focus-visible,
.profiles-page[b-mafbg2ar3m]  .profiles-primary-button:active {
    background: #facc15 !important;
    color: #111827 !important;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
}

.profiles-page[b-mafbg2ar3m]  .profiles-primary-button:hover,
.profiles-page[b-mafbg2ar3m]  .profiles-primary-button:focus-visible {
    background: #fde047 !important;
}

.profiles-page[b-mafbg2ar3m]  .profiles-primary-button .mud-icon-root {
    color: #111827 !important;
}

.profiles-page[b-mafbg2ar3m]  .mud-button-outlined-secondary,
.profiles-page[b-mafbg2ar3m]  .mud-icon-button-outlined-secondary {
    border-color: #3f3f46;
    color: #facc15;
}

.profiles-page[b-mafbg2ar3m]  .mud-button-outlined-secondary:hover,
.profiles-page[b-mafbg2ar3m]  .mud-icon-button-outlined-secondary:hover {
    border-color: #facc15;
    background: rgba(250, 204, 21, 0.08);
}

.profiles-empty-state[b-mafbg2ar3m] {
    min-height: 180px;
    border: 1px dashed rgba(82, 82, 91, 0.85);
    border-radius: 8px;
    background: rgba(3, 7, 18, 0.3);
    text-align: center;
}

.profiles-page[b-mafbg2ar3m]  .profiles-row-title {
    color: #f8fafc;
    font-weight: 700;
}

.profiles-page[b-mafbg2ar3m]  .profiles-mono {
    font-family: Consolas, "Liberation Mono", monospace;
    word-break: break-all;
}

.profiles-page[b-mafbg2ar3m]  .profiles-selected-row {
    background:
        linear-gradient(90deg, rgba(14, 116, 144, 0.28), rgba(56, 189, 248, 0.08)) !important;
    box-shadow: inset 3px 0 0 #38bdf8;
}

.profiles-page[b-mafbg2ar3m]  .mud-input-control {
    margin-top: 0;
}

.profiles-page[b-mafbg2ar3m]  .mud-input,
.profiles-page[b-mafbg2ar3m]  .mud-select {
    color: #f8fafc;
}

.profiles-page[b-mafbg2ar3m]  .mud-input-outlined-border {
    border-color: #3f3f46 !important;
}

.profiles-page[b-mafbg2ar3m]  .mud-input:hover .mud-input-outlined-border {
    border-color: #52525b !important;
}

.profiles-page[b-mafbg2ar3m]  .mud-input.mud-input-focused .mud-input-outlined-border {
    border-color: #38bdf8 !important;
}

.profiles-page[b-mafbg2ar3m]  .mud-input-label,
.profiles-page[b-mafbg2ar3m]  .mud-input-adornment,
.profiles-page[b-mafbg2ar3m]  .mud-input-adornment .mud-icon-root {
    color: #a1a1aa !important;
}

.profiles-page[b-mafbg2ar3m]  .mud-table {
    background: transparent;
    color: #e5e7eb;
}

.profiles-page[b-mafbg2ar3m]  .mud-table-container {
    border: 1px solid rgba(39, 39, 42, 0.96);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(3, 7, 18, 0.54), rgba(3, 7, 18, 0.42)),
        rgba(3, 7, 18, 0.42);
}

.profiles-page[b-mafbg2ar3m]  .mud-table-head {
    background:
        linear-gradient(180deg, rgba(39, 39, 42, 0.98), rgba(24, 24, 27, 0.96)),
        rgba(24, 24, 27, 0.96);
}

.profiles-page[b-mafbg2ar3m]  .mud-table-cell {
    border-color: #27272a;
    color: #d4d4d8;
}

.profiles-page[b-mafbg2ar3m]  .mud-table-head .mud-table-cell {
    color: #a1a1aa;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
}

.profiles-page[b-mafbg2ar3m]  .mud-table-row:hover {
    background: rgba(56, 189, 248, 0.07) !important;
}

.profiles-page[b-mafbg2ar3m]  .mud-table-pagination {
    border-top: 1px solid #27272a;
    color: #a1a1aa;
    background: rgba(9, 9, 11, 0.78);
}

.profiles-page[b-mafbg2ar3m]  .mud-chip {
    border-radius: 6px;
    font-weight: 700;
}

.profiles-page[b-mafbg2ar3m]  .mud-chip-color-warning {
    background: rgba(245, 158, 11, 0.16);
    color: #fbbf24;
}

.profiles-page[b-mafbg2ar3m]  .mud-chip-color-info {
    background: rgba(34, 211, 238, 0.14);
    color: #67e8f9;
}

.profiles-page[b-mafbg2ar3m]  .mud-chip-color-success {
    background: rgba(52, 211, 153, 0.14);
    color: #6ee7b7;
}

.profiles-page[b-mafbg2ar3m]  .mud-chip-color-error {
    background: rgba(248, 113, 113, 0.14);
    color: #fca5a5;
}

@media (max-width: 1020px) {
    .profiles-grid[b-mafbg2ar3m] {
        grid-template-columns: 1fr;
    }

    .profiles-page[b-mafbg2ar3m]  .profiles-sidebar,
    .profiles-page[b-mafbg2ar3m]  .profiles-results {
        min-height: auto;
    }
}

@media (max-width: 900px) {
    .profiles-page[b-mafbg2ar3m]  .profiles-page-container {
        padding: 16px !important;
    }

    .profiles-page[b-mafbg2ar3m]  .profiles-header-content,
    .profiles-page[b-mafbg2ar3m]  .profiles-stat-stack,
    .profiles-page[b-mafbg2ar3m]  .profiles-section-toolbar {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .profiles-page[b-mafbg2ar3m]  .profiles-details-modal-backdrop {
        padding: 12px;
    }

    .profiles-page[b-mafbg2ar3m]  .profiles-details-modal {
        max-height: calc(100vh - 24px);
    }

    .profiles-page[b-mafbg2ar3m]  .database-loading-panel {
        flex-direction: column;
        text-align: center;
    }

    .profiles-page[b-mafbg2ar3m]  .profiles-detail-grid {
        grid-template-columns: 1fr;
    }

    .profiles-page[b-mafbg2ar3m]  .profiles-edit-grid {
        grid-template-columns: 1fr;
    }
}
/* SPTarkov.Server.Web/Pages/Tools/ToolsPage.razor.rz.scp.css */
.tools-page[b-mt1xmd3mva] {
    --tools-panel-bg: rgba(9, 9, 11, 0.74);
    --tools-yellow-soft: rgba(250, 204, 21, 0.12);
    --tools-blue-soft: rgba(56, 189, 248, 0.12);
    --tools-green-soft: rgba(34, 197, 94, 0.13);
}

.tools-page[b-mt1xmd3mva]  .tools-page-container {
    max-width: 1480px;
    margin-inline: auto;
}

.tools-page[b-mt1xmd3mva]  .tools-header,
.tools-page[b-mt1xmd3mva]  .tools-tabs-panel,
.tools-page[b-mt1xmd3mva]  .tools-sidebar,
.tools-page[b-mt1xmd3mva]  .tools-results {
    background: var(--tools-panel-bg);
    border-color: rgba(63, 63, 70, 0.76);
}

.tools-page[b-mt1xmd3mva]  .tools-header {
    border-color: #1f2937;
    background:
        linear-gradient(135deg, rgba(31, 41, 55, 0.92), rgba(3, 7, 18, 0.95) 52%, rgba(9, 9, 11, 0.98)),
        rgba(9, 9, 11, 0.86);
}

.tools-page[b-mt1xmd3mva]  .tools-header-content {
    gap: 24px;
}

.tools-page[b-mt1xmd3mva]  .tools-header .mud-typography-h3 {
    font-size: 2.25rem;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.1;
}

.tools-page[b-mt1xmd3mva]  .tools-header .mud-typography-body2,
.tools-page[b-mt1xmd3mva]  .tools-section-toolbar .mud-typography-caption {
    color: #a1a1aa;
}

.tools-page[b-mt1xmd3mva]  .tools-title-row,
.tools-page[b-mt1xmd3mva]  .tools-section-toolbar {
    flex-wrap: wrap;
}

.tools-page[b-mt1xmd3mva]  .tools-stat {
    min-width: 120px;
    border: 1px solid rgba(63, 63, 70, 0.9);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(39, 39, 42, 0.58), rgba(24, 24, 27, 0.78)),
        rgba(24, 24, 27, 0.78);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.tools-page[b-mt1xmd3mva]  .tools-stat .mud-typography-caption {
    color: #a1a1aa;
    font-weight: 600;
    text-transform: uppercase;
}

.tools-page[b-mt1xmd3mva]  .tools-stat .mud-typography-h5 {
    color: #f8fafc;
    font-weight: 700;
}

.tools-page[b-mt1xmd3mva]  .tools-tabs-panel {
    overflow: hidden;
    background:
        linear-gradient(180deg, rgba(24, 24, 27, 0.52), rgba(9, 9, 11, 0.64)),
        var(--tools-panel-bg);
}

.tools-page[b-mt1xmd3mva]  .tools-tabs {
    background: transparent;
}

.tools-page[b-mt1xmd3mva]  .tools-tabs .mud-tabs-toolbar {
    border-bottom: 1px solid #27272a;
    background: rgba(9, 9, 11, 0.76);
}

.tools-page[b-mt1xmd3mva]  .tools-tabs .mud-tab {
    min-height: 54px;
    color: #a1a1aa;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
}

.tools-page[b-mt1xmd3mva]  .tools-tabs .mud-tab.mud-tab-active {
    color: #facc15;
}

.tools-page[b-mt1xmd3mva]  .tools-tabs .mud-tabs-toolbar-content {
    padding-inline: 12px;
}

.tools-page[b-mt1xmd3mva]  .tools-tab-panel {
    padding: 18px;
}

.tools-grid[b-mt1xmd3mva] {
    display: grid;
    grid-template-columns: minmax(240px, 320px) minmax(0, 1fr);
    gap: 16px;
    align-items: stretch;
}

.tools-page[b-mt1xmd3mva]  .tools-sidebar,
.tools-page[b-mt1xmd3mva]  .tools-results {
    min-height: calc(100vh - 270px);
    overflow: hidden;
}

.tools-page[b-mt1xmd3mva]  .tools-results {
    position: sticky;
    top: 78px;
    max-height: calc(100vh - 96px);
    overflow: hidden;
}

.tools-page[b-mt1xmd3mva]  .tools-results-stack {
    height: 100%;
    min-height: 0;
}

.tools-page[b-mt1xmd3mva]  .tools-sidebar .mud-typography-h6,
.tools-page[b-mt1xmd3mva]  .tools-results .mud-typography-h6 {
    color: #f8fafc;
    font-weight: 700;
    letter-spacing: 0;
}

.tools-page[b-mt1xmd3mva]  .tools-actions {
    flex-wrap: wrap;
}

.tools-page[b-mt1xmd3mva]  .tools-actions .mud-button-root {
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
}

.tools-page[b-mt1xmd3mva]  .tools-generate-button,
.tools-page[b-mt1xmd3mva]  .tools-generate-button:hover,
.tools-page[b-mt1xmd3mva]  .tools-generate-button:focus,
.tools-page[b-mt1xmd3mva]  .tools-generate-button:focus-visible,
.tools-page[b-mt1xmd3mva]  .tools-generate-button:active {
    background: #facc15 !important;
    color: #111827 !important;
}

.tools-page[b-mt1xmd3mva]  .tools-generate-button:hover,
.tools-page[b-mt1xmd3mva]  .tools-generate-button:focus-visible {
    background: #fde047 !important;
}

.tools-page[b-mt1xmd3mva]  .tools-generate-button .mud-icon-root {
    color: #111827 !important;
}

.tools-page[b-mt1xmd3mva]  .mud-button-outlined-secondary,
.tools-page[b-mt1xmd3mva]  .mud-icon-button-outlined-secondary {
    border-color: #3f3f46;
    color: #facc15;
}

.tools-page[b-mt1xmd3mva]  .mud-button-outlined-secondary:hover,
.tools-page[b-mt1xmd3mva]  .mud-icon-button-outlined-secondary:hover {
    border-color: #facc15;
    background: rgba(250, 204, 21, 0.08);
}

.tools-empty-state[b-mt1xmd3mva] {
    min-height: 300px;
    border: 1px dashed rgba(82, 82, 91, 0.85);
    border-radius: 8px;
    background: rgba(3, 7, 18, 0.3);
    text-align: center;
}

.tools-id-scroll[b-mt1xmd3mva] {
    flex: 1 1 auto;
    min-height: 0;
    max-height: calc(100vh - 230px);
    overflow: auto;
    padding-right: 4px;
    scrollbar-color: #52525b rgba(3, 7, 18, 0.24);
}

.tools-id-list[b-mt1xmd3mva] {
    display: grid;
    gap: 10px;
}

.tools-id-row[b-mt1xmd3mva] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    min-height: 56px;
    padding: 12px 14px;
    border: 1px solid rgba(39, 39, 42, 0.98);
    border-radius: 8px;
    color: #f8fafc;
    background:
        linear-gradient(90deg, rgba(24, 24, 27, 0.72), rgba(24, 24, 27, 0.52)),
        rgba(24, 24, 27, 0.64);
    cursor: pointer;
    text-align: left;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
    transition:
        border-color 160ms ease,
        background 160ms ease,
        transform 160ms ease,
        box-shadow 160ms ease;
}

.tools-id-row:hover[b-mt1xmd3mva],
.tools-id-row:focus-visible[b-mt1xmd3mva] {
    transform: translateY(-1px);
    border-color: rgba(250, 204, 21, 0.72);
    background: rgba(24, 24, 27, 0.9);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.24);
    outline: none;
}

.tools-id-row-used[b-mt1xmd3mva] {
    border-color: rgba(52, 211, 153, 0.42);
    background:
        linear-gradient(90deg, rgba(6, 78, 59, 0.32), rgba(24, 24, 27, 0.58)),
        rgba(6, 78, 59, 0.2);
    box-shadow:
        inset 3px 0 0 #34d399,
        inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.tools-id-main[b-mt1xmd3mva] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.tools-id-main[b-mt1xmd3mva]  .mud-icon-root {
    flex: 0 0 auto;
    color: #facc15;
}

.tools-id-row-used .tools-id-main[b-mt1xmd3mva]  .mud-icon-root {
    color: #6ee7b7;
}

.tools-mongo-id[b-mt1xmd3mva] {
    color: #e5e7eb;
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1.35;
}

.tools-id-row-used .tools-mongo-id[b-mt1xmd3mva] {
    color: #a7f3d0;
}

.tools-page[b-mt1xmd3mva]  .tools-id-chip {
    flex: 0 0 auto;
    border-radius: 6px;
    font-weight: 700;
}

.tools-page[b-mt1xmd3mva]  .mud-chip-color-info {
    background: rgba(34, 211, 238, 0.14);
    color: #67e8f9;
}

.tools-page[b-mt1xmd3mva]  .mud-chip-color-success {
    background: rgba(52, 211, 153, 0.14);
    color: #6ee7b7;
}

@media (max-width: 900px) {
    .tools-page[b-mt1xmd3mva]  .tools-page-container {
        padding: 16px !important;
    }

    .tools-page[b-mt1xmd3mva]  .tools-header-content,
    .tools-page[b-mt1xmd3mva]  .tools-stat-stack,
    .tools-page[b-mt1xmd3mva]  .tools-section-toolbar {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .tools-grid[b-mt1xmd3mva] {
        grid-template-columns: 1fr;
    }

    .tools-page[b-mt1xmd3mva]  .tools-sidebar,
    .tools-page[b-mt1xmd3mva]  .tools-results {
        min-height: auto;
    }

    .tools-page[b-mt1xmd3mva]  .tools-results {
        position: static;
        max-height: none;
    }

    .tools-id-scroll[b-mt1xmd3mva] {
        max-height: 60vh;
    }

    .tools-id-row[b-mt1xmd3mva] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* SPTarkov.Server.Web/Pages/UserCredentialsPage.razor.rz.scp.css */
.credentials-page[b-2dbxkibfqg] {
    --credentials-panel-bg: rgba(9, 9, 11, 0.74);
    --credentials-yellow-soft: rgba(250, 204, 21, 0.12);
    --credentials-blue-soft: rgba(56, 189, 248, 0.12);
    --credentials-green-soft: rgba(34, 197, 94, 0.13);
    --credentials-red-soft: rgba(248, 113, 113, 0.12);
}

.credentials-page[b-2dbxkibfqg]  .credentials-page-container {
    max-width: 1480px;
    margin-inline: auto;
}

.credentials-page[b-2dbxkibfqg]  .credentials-header,
.credentials-page[b-2dbxkibfqg]  .credentials-sidebar,
.credentials-page[b-2dbxkibfqg]  .credentials-results {
    background: var(--credentials-panel-bg);
    border-color: rgba(63, 63, 70, 0.76);
}

.credentials-page[b-2dbxkibfqg]  .credentials-header {
    border-color: #1f2937;
    background:
        linear-gradient(135deg, rgba(31, 41, 55, 0.92), rgba(3, 7, 18, 0.95) 52%, rgba(9, 9, 11, 0.98)),
        rgba(9, 9, 11, 0.86);
}

.credentials-page[b-2dbxkibfqg]  .credentials-header-content {
    gap: 24px;
}

.credentials-page[b-2dbxkibfqg]  .credentials-header .mud-typography-h3 {
    font-size: 2.25rem;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.1;
}

.credentials-page[b-2dbxkibfqg]  .credentials-header .mud-typography-body2,
.credentials-page[b-2dbxkibfqg]  .credentials-section-toolbar .mud-typography-caption {
    color: #a1a1aa;
}

.credentials-page[b-2dbxkibfqg]  .credentials-title-row,
.credentials-page[b-2dbxkibfqg]  .credentials-section-toolbar {
    flex-wrap: wrap;
}

.credentials-page[b-2dbxkibfqg]  .credentials-stat {
    min-width: 120px;
    border: 1px solid rgba(63, 63, 70, 0.9);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(39, 39, 42, 0.58), rgba(24, 24, 27, 0.78)),
        rgba(24, 24, 27, 0.78);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.credentials-page[b-2dbxkibfqg]  .credentials-stat .mud-typography-caption {
    color: #a1a1aa;
    font-weight: 600;
    text-transform: uppercase;
}

.credentials-page[b-2dbxkibfqg]  .credentials-stat .mud-typography-h5 {
    color: #f8fafc;
    font-weight: 700;
}

.credentials-grid[b-2dbxkibfqg] {
    display: grid;
    grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
    gap: 16px;
    align-items: stretch;
}

.credentials-page[b-2dbxkibfqg]  .credentials-sidebar,
.credentials-page[b-2dbxkibfqg]  .credentials-results {
    min-height: calc(100vh - 190px);
    overflow: hidden;
}

.credentials-page[b-2dbxkibfqg]  .credentials-sidebar .mud-typography-h6,
.credentials-page[b-2dbxkibfqg]  .credentials-results .mud-typography-h6,
.credentials-page[b-2dbxkibfqg]  .credentials-sidebar .mud-typography-subtitle2 {
    color: #f8fafc;
    font-weight: 700;
    letter-spacing: 0;
}

.credentials-page[b-2dbxkibfqg]  .credentials-primary-button,
.credentials-page[b-2dbxkibfqg]  .credentials-primary-button:hover,
.credentials-page[b-2dbxkibfqg]  .credentials-primary-button:focus,
.credentials-page[b-2dbxkibfqg]  .credentials-primary-button:focus-visible,
.credentials-page[b-2dbxkibfqg]  .credentials-primary-button:active {
    background: #facc15 !important;
    color: #111827 !important;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
}

.credentials-page[b-2dbxkibfqg]  .credentials-primary-button:hover,
.credentials-page[b-2dbxkibfqg]  .credentials-primary-button:focus-visible {
    background: #fde047 !important;
}

.credentials-page[b-2dbxkibfqg]  .credentials-primary-button .mud-icon-root {
    color: #111827 !important;
}

.credentials-page[b-2dbxkibfqg]  .mud-button-outlined-secondary,
.credentials-page[b-2dbxkibfqg]  .mud-icon-button-outlined-secondary {
    border-color: #3f3f46;
    color: #facc15;
}

.credentials-page[b-2dbxkibfqg]  .mud-button-outlined-secondary:hover,
.credentials-page[b-2dbxkibfqg]  .mud-icon-button-outlined-secondary:hover {
    border-color: #facc15;
    background: rgba(250, 204, 21, 0.08);
}

.credentials-empty-state[b-2dbxkibfqg] {
    min-height: 180px;
    border: 1px dashed rgba(82, 82, 91, 0.85);
    border-radius: 8px;
    background: rgba(3, 7, 18, 0.3);
    text-align: center;
}

.credentials-access-editor-row[b-2dbxkibfqg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 40px;
    padding: 8px 10px;
    border: 1px solid rgba(39, 39, 42, 0.98);
    border-radius: 8px;
    background:
        linear-gradient(90deg, rgba(24, 24, 27, 0.72), rgba(24, 24, 27, 0.48)),
        rgba(24, 24, 27, 0.54);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.credentials-page[b-2dbxkibfqg]  .credentials-row-title {
    color: #f8fafc;
    font-weight: 700;
}

.credentials-page[b-2dbxkibfqg]  .credentials-mono {
    font-family: Consolas, "Liberation Mono", monospace;
    word-break: break-all;
}

.credentials-page[b-2dbxkibfqg]  .credentials-selected-row {
    background:
        linear-gradient(90deg, rgba(14, 116, 144, 0.28), rgba(56, 189, 248, 0.08)) !important;
    box-shadow: inset 3px 0 0 #38bdf8;
}

.credentials-page[b-2dbxkibfqg]  .mud-input-control {
    margin-top: 0;
}

.credentials-page[b-2dbxkibfqg]  .mud-input,
.credentials-page[b-2dbxkibfqg]  .mud-select {
    color: #f8fafc;
}

.credentials-page[b-2dbxkibfqg]  .mud-input-outlined-border {
    border-color: #3f3f46 !important;
}

.credentials-page[b-2dbxkibfqg]  .mud-input:hover .mud-input-outlined-border {
    border-color: #52525b !important;
}

.credentials-page[b-2dbxkibfqg]  .mud-input.mud-input-focused .mud-input-outlined-border {
    border-color: #38bdf8 !important;
}

.credentials-page[b-2dbxkibfqg]  .mud-input-label,
.credentials-page[b-2dbxkibfqg]  .mud-input-adornment,
.credentials-page[b-2dbxkibfqg]  .mud-input-adornment .mud-icon-root {
    color: #a1a1aa !important;
}

.credentials-page[b-2dbxkibfqg]  .mud-table {
    background: transparent;
    color: #e5e7eb;
}

.credentials-page[b-2dbxkibfqg]  .mud-table-container {
    border: 1px solid rgba(39, 39, 42, 0.96);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(3, 7, 18, 0.54), rgba(3, 7, 18, 0.42)),
        rgba(3, 7, 18, 0.42);
}

.credentials-page[b-2dbxkibfqg]  .mud-table-head {
    background:
        linear-gradient(180deg, rgba(39, 39, 42, 0.98), rgba(24, 24, 27, 0.96)),
        rgba(24, 24, 27, 0.96);
}

.credentials-page[b-2dbxkibfqg]  .mud-table-cell {
    border-color: #27272a;
    color: #d4d4d8;
}

.credentials-page[b-2dbxkibfqg]  .mud-table-head .mud-table-cell {
    color: #a1a1aa;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
}

.credentials-page[b-2dbxkibfqg]  .mud-table-row:hover {
    background: rgba(56, 189, 248, 0.07) !important;
}

.credentials-page[b-2dbxkibfqg]  .mud-table-pagination {
    border-top: 1px solid #27272a;
    color: #a1a1aa;
    background: rgba(9, 9, 11, 0.78);
}

.credentials-page[b-2dbxkibfqg]  .mud-chip {
    border-radius: 6px;
    font-weight: 700;
}

.credentials-page[b-2dbxkibfqg]  .mud-chip-color-warning {
    background: rgba(245, 158, 11, 0.16);
    color: #fbbf24;
}

.credentials-page[b-2dbxkibfqg]  .mud-chip-color-info {
    background: rgba(34, 211, 238, 0.14);
    color: #67e8f9;
}

.credentials-page[b-2dbxkibfqg]  .mud-chip-color-success {
    background: rgba(52, 211, 153, 0.14);
    color: #6ee7b7;
}

.credentials-page[b-2dbxkibfqg]  .mud-chip-color-error {
    background: rgba(248, 113, 113, 0.14);
    color: #fca5a5;
}

@media (max-width: 1020px) {
    .credentials-grid[b-2dbxkibfqg] {
        grid-template-columns: 1fr;
    }

    .credentials-page[b-2dbxkibfqg]  .credentials-sidebar,
    .credentials-page[b-2dbxkibfqg]  .credentials-results {
        min-height: auto;
    }
}

@media (max-width: 900px) {
    .credentials-page[b-2dbxkibfqg]  .credentials-page-container {
        padding: 16px !important;
    }

    .credentials-page[b-2dbxkibfqg]  .credentials-header-content,
    .credentials-page[b-2dbxkibfqg]  .credentials-stat-stack,
    .credentials-page[b-2dbxkibfqg]  .credentials-section-toolbar {
        flex-direction: column !important;
        align-items: stretch !important;
    }
}
