.orders-filters .form-items.inline{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: flex-end;
}

.orders-filters{
    margin-bottom: 6px;
}

/* Two-row layout: sort row on top, filter row below with minimal gap */
.orders-filters-row-sort{
    margin-bottom: 6px;
}

.orders-filters-row-filters{
    margin-bottom: 0;
}

.orders-filters-submit{
    margin: 8px 0 0;
}

.orders-filters-sep{
    margin: 12px 0;
    border: 0;
    border-top: 1px solid #ccc;
}

.orders-filters .form-items.inline .item-wrap{
    flex: 0 0 220px;
    max-width: 220px;
}

.orders-filters .form-items.inline .item-wrap.type-text,
.orders-filters .form-items.inline .item-wrap.type-date,
.orders-filters .form-items.inline .item-wrap.type-select{
    width: 220px;
}

.orders-filters .form-items.inline .item-inner{
    width: 100%;
}

.orders-filters .form-items.inline .item-inner input,
.orders-filters .form-items.inline .item-inner select{
    width: 100%;
    box-sizing: border-box;
    height: 34px;
    padding: 6px 8px;
}

.orders-filters .form-items.inline .item-inner select{
    /* Ensures consistent sizing across browsers */
    -webkit-appearance: menulist;
    appearance: menulist;
}

.orders-page-actions{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
}

.orders-page-actions-left{
    margin: 0;
}

.orders-page-help{
    margin: 8px 0 10px;
}

.orders-page-help summary{
    cursor: pointer;
    user-select: none;
}

.orders-page-help-inner{
    margin-top: 8px;
}

.orders-table-topbar{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin: 4px 0 6px;
}

.orders-table-topbar .csv-controls{
    margin: 0;
    flex-shrink: 0;
}

.orders-table-topbar-right{
    margin-left: auto;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

/*
 * Per-page dropdown: same row as Export CSV + Toggle Scroll Bars (one merged row).
 * Wrapper + form forced inline so they don't create a second row.
 */
.orders-table-topbar .orders-per-page-wrap{
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
}

.orders-table-topbar .orders-per-page-wrap .per-page-ajax-admin,
.orders-table-topbar .orders-per-page-wrap .per-page-ajax-admin .form-items,
.orders-table-topbar .orders-per-page-wrap .item-wrap,
.orders-table-topbar .orders-per-page-wrap .item-inner{
    display: inline-flex !important;
    width: auto !important;
    margin: 0 !important;
    flex: 0 0 auto;
}

.orders-table-topbar .orders-per-page-wrap select{
    height: 34px;
    width: auto;
    min-width: 110px;
    max-width: 140px;
}

.orders-table-topbar-right .orders-pagination-inline{
    flex: 0 0 auto;
}

/* Empty state: no orders or no results from filters */
.orders-empty-message{
    margin: 16px 0;
    padding: 14px 16px;
    background: #f5f5f5;
    border-left: 4px solid #666;
    color: #333;
}