/* Path-based v2 layout overrides for Cloudflare cache misses. */
.ms-v2-main {
    max-width: none;
    padding: 20px clamp(12px, 2vw, 30px) 44px;
}

.ms-v2-content {
    min-width: 0;
}

.ms-v2 .container,
.ms-v2 .container-fluid {
    width: 100%;
    max-width: none;
    padding-left: 0;
    padding-right: 0;
}

.ms-v2-data-panel,
.ms-v2-table-panel,
.ms-v2-filter-panel,
.ms-v2-toolbar,
.ms-v2-page-header,
.ms-v2-chart-panel,
.ms-v2-recipe-panel {
    width: 100%;
}

.ms-v2 .row.ms-v2-page,
.ms-v2 .row.ms-v2-toolbar,
.ms-v2 .row.ms-v2-filter-panel,
.ms-v2 .row.ms-v2-data-panel,
.ms-v2 .row.ms-v2-table-panel,
.ms-v2 .row.ms-v2-section-row,
.ms-v2 .row.tableContainer {
    width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.ms-v2 [class*="col-"].ms-v2-data-panel,
.ms-v2 [class*="col-"].ms-v2-table-panel,
.ms-v2 [class*="col-"].ms-v2-chart-panel,
.ms-v2 [class*="col-"].ms-v2-recipe-panel,
.ms-v2 [class*="col-"].ms-v2-filter-panel,
.ms-v2 [class*="col-"].ms-v2-panel,
.ms-v2 [class*="col-"].information,
.ms-v2 .ms-v2-data-panel > [class*="col-"],
.ms-v2 .ms-v2-table-panel > [class*="col-"],
.ms-v2 .ms-v2-filter-panel > [class*="col-"],
.ms-v2 .ms-v2-toolbar > [class*="col-"],
.ms-v2 .ms-v2-panel > [class*="col-"],
.ms-v2 .information > [class*="col-"],
.ms-v2 .ms-v2-content > [class*="col-"],
.ms-v2 .ms-v2-page > [class*="col-"] {
    float: none;
    width: 100%;
    max-width: none;
    min-width: 0;
    padding-left: 0;
    padding-right: 0;
}

.ms-v2 .ms-v2-page > [class*="col-"],
.ms-v2 .ms-v2-content > [class*="col-"] {
    max-width: 100%;
}

.ms-v2 .ms-v2-filter-panel > [class*="col-"] + [class*="col-"],
.ms-v2 .ms-v2-data-panel > [class*="col-"] + [class*="col-"],
.ms-v2 .ms-v2-table-panel > [class*="col-"] + [class*="col-"],
.ms-v2 .ms-v2-toolbar > [class*="col-"] + [class*="col-"] {
    margin-top: 16px;
}

.ms-v2 .dataTables_wrapper,
.ms-v2 .dataTables_scroll,
.ms-v2 .dataTables_scrollHead,
.ms-v2 .dataTables_scrollBody,
.ms-v2 .dataTables_scrollFoot {
    width: 100% !important;
    min-width: 0;
}

.ms-v2 iframe {
    max-width: 100%;
}

.ms-v2 #discordDiv {
    min-width: 0;
}

.ms-v2 .chart-container[style*="9.5vw"] {
    width: min(160px, 100%) !important;
    min-width: 120px;
}

.ms-v2 table.dataTable,
.ms-v2 .dataTables_wrapper table,
.ms-v2 .ms-v2-table-panel > table {
    width: 100% !important;
}

.ms-v2 table.dataTable,
.ms-v2 .dataTables_wrapper table {
    min-width: 720px;
}

.ms-v2 #inventoryTable,
.ms-v2 #itemsYouCanCraft,
.ms-v2 #crossServerTable {
    min-width: 1120px;
}

.ms-v2 #recipesTable,
.ms-v2 #gatheringTable,
.ms-v2 #LeveDataTable,
.ms-v2 #TransmutationTable,
.ms-v2 #searchresults,
.ms-v2 #table2,
.ms-v2 #table3 {
    min-width: 860px;
}

.ms-v2 .dataTables_filter label,
.ms-v2 .dataTables_length label {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
    margin: 0 10px 8px 0;
}

.ms-v2 .dt-buttons {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 10px 8px 0;
}

.ms-v2-footer {
    max-width: none;
    padding: 26px clamp(12px, 2vw, 30px) 30px;
}

@media (max-width: 700px) {
    .ms-v2-toolbar,
    .ms-v2-filter-panel,
    .ms-v2 .firstheader,
    .ms-v2 .firstheaderleves,
    .ms-v2 .firstheader-leves {
        align-items: stretch;
        flex-direction: column;
    }

    .ms-v2 select,
    .ms-v2 input[type="text"],
    .ms-v2 input[type="search"],
    .ms-v2 input[type="number"],
    .ms-v2 textarea,
    .ms-v2 .btn,
    .ms-v2 button,
    .ms-v2 input[type="button"],
    .ms-v2 input[type="submit"] {
        width: 100%;
    }
}