/* Tablet and high-scaling layouts.
   These page-scoped rules reuse the existing mobile layouts when the actual
   content area is at most 1000px wide. Original phone and print rules stay in
   their source pages. Read the page styles alongside this file when changing
   a mobile layout; keep the corresponding tablet rules consistent. */

@media screen {
  .portal-page-shell { min-width: 0; }
}

/* Keep native scrolling available for wide content and wrap header controls.
   Phone layouts keep their existing rules. No fixed height or hidden overflow. */
@media screen and (min-width: 768px) {
  .portal-page-shell.portal-page-overflow,
  .portal-page-shell .portal-scrollable-content {
    overflow-x: auto;
  }
  .portal-page-shell .table-responsive,
  .portal-page-shell .table-wrap,
  .portal-page-shell .scroll-x,
  .portal-page-shell .products-table-wrap,
  .portal-page-shell .lines,
  .portal-page-shell .fs-trend-table-wrap {
    min-width: 0;
    max-width: 100%;
  }

}


/* ARTransactions: existing 900px layout, extended to narrow content areas. */
@media screen and (min-width: 900.01px) {
.portal-page-shell.portal-compact[data-portal-page="/ARTransactions"] .grid {
            grid-template-columns: repeat(2, minmax(0,1fr));
        }
.portal-page-shell.portal-compact[data-portal-page="/ARTransactions"] .balance-callout {
            min-width: 0;
        }
}


/* ARTransactions: existing 720px layout, extended to narrow content areas. */
@media screen and (min-width: 720.01px) {
.portal-page-shell.portal-compact[data-portal-page="/ARTransactions"] table.responsive-table thead {
            display: none;
        }
.portal-page-shell.portal-compact[data-portal-page="/ARTransactions"] table.responsive-table,
.portal-page-shell.portal-compact[data-portal-page="/ARTransactions"] table.responsive-table tbody,
.portal-page-shell.portal-compact[data-portal-page="/ARTransactions"] table.responsive-table tr,
.portal-page-shell.portal-compact[data-portal-page="/ARTransactions"] table.responsive-table td {
            display: block;
            width: 100%;
        }
.portal-page-shell.portal-compact[data-portal-page="/ARTransactions"] table.responsive-table tr {
                border: 1px solid var(--gss-border, rgba(17,24,39,.10));
                border-radius: 16px;
                padding: 10px 12px;
                margin: 10px 0;
                background: #fff;
                box-shadow: var(--gss-shadow, 0 10px 24px rgba(17,24,39,.05));
            }
.portal-page-shell.portal-compact[data-portal-page="/ARTransactions"] table.responsive-table td {
                border: none !important;
                padding: 6px 0 !important;
                display: flex;
                align-items: baseline;
                justify-content: space-between;
                gap: 12px;
                white-space: normal !important;
            }
.portal-page-shell.portal-compact[data-portal-page="/ARTransactions"] table.responsive-table td::before {
                    content: attr(data-label);
                    font-weight: 800;
                    color: var(--gss-muted, #6b7280);
                    padding-right: 10px;
                    flex: 0 0 auto;
                }
.portal-page-shell.portal-compact[data-portal-page="/ARTransactions"] table.responsive-table td[data-label=""]::before {
                    content: "";
                    padding-right: 0;
                }
.portal-page-shell.portal-compact[data-portal-page="/ARTransactions"] .inv-actions,
.portal-page-shell.portal-compact[data-portal-page="/ARTransactions"] .action-row,
.portal-page-shell.portal-compact[data-portal-page="/ARTransactions"] .tool-row,
.portal-page-shell.portal-compact[data-portal-page="/ARTransactions"] .icon-tools {
            flex-wrap: wrap !important;
        }
.portal-page-shell.portal-compact[data-portal-page="/ARTransactions"] .btn,
.portal-page-shell.portal-compact[data-portal-page="/ARTransactions"] .icon-btn,
.portal-page-shell.portal-compact[data-portal-page="/ARTransactions"] .action-btn {
            min-height: 40px;
        }
.portal-page-shell.portal-compact[data-portal-page="/ARTransactions"] .mobile-full {
            width: 100% !important;
        }
.portal-page-shell.portal-compact[data-portal-page="/ARTransactions"] table.responsive-table td[data-label="Description"] {
            flex-direction: column;
            align-items: flex-start;
        }
.portal-page-shell.portal-compact[data-portal-page="/ARTransactions"] table.responsive-table td[data-label="Description"] details.inv {
                width: 100%;
            }
.portal-page-shell.portal-compact[data-portal-page="/ARTransactions"] details.inv summary {
            width: 100%;
        }
.portal-page-shell.portal-compact[data-portal-page="/ARTransactions"] .lines {
            width: 100%;
            max-width: 100%;
            box-sizing: border-box;
            margin-right: 0 !important;
            overflow-x: auto;
        }
.portal-page-shell.portal-compact[data-portal-page="/ARTransactions"] .inv-hdr {
            flex-direction: column;
            align-items: stretch;
        }
.portal-page-shell.portal-compact[data-portal-page="/ARTransactions"] .inv-hdr-left {
            width: 100%;
        }
}


/* CommodityPurchases: existing 760px layout, extended to narrow content areas. */
@media screen and (min-width: 760.01px) {
.portal-page-shell.portal-compact[data-portal-page="/CommodityPurchases"] .inv-grid {
            grid-template-columns: 1fr;
            gap: 10px;
        }
.portal-page-shell.portal-compact[data-portal-page="/CommodityPurchases"] .inv-head {
            display: none;
        }
.portal-page-shell.portal-compact[data-portal-page="/CommodityPurchases"] .inv-scroll {
            border: none;
            background: transparent;
        }
.portal-page-shell.portal-compact[data-portal-page="/CommodityPurchases"] .inv-rowwrap {
            border-top: none;
        }
.portal-page-shell.portal-compact[data-portal-page="/CommodityPurchases"] details.inv > summary .inv-grid {
            margin: 0;
        }
.portal-page-shell.portal-compact[data-portal-page="/CommodityPurchases"] .cell {
            white-space: normal;
        }
.portal-page-shell.portal-compact[data-portal-page="/CommodityPurchases"] .actions {
            text-align: left;
        }
}


/* CommodityPurchases: existing 720px layout, extended to narrow content areas. */
@media screen and (min-width: 720.01px) {
.portal-page-shell.portal-compact[data-portal-page="/CommodityPurchases"] table.responsive-table thead {
            display: none;
        }
.portal-page-shell.portal-compact[data-portal-page="/CommodityPurchases"] table.responsive-table,
.portal-page-shell.portal-compact[data-portal-page="/CommodityPurchases"] table.responsive-table tbody,
.portal-page-shell.portal-compact[data-portal-page="/CommodityPurchases"] table.responsive-table tr,
.portal-page-shell.portal-compact[data-portal-page="/CommodityPurchases"] table.responsive-table td {
            display: block;
            width: 100%;
        }
.portal-page-shell.portal-compact[data-portal-page="/CommodityPurchases"] table.responsive-table tr {
                border: 1px solid var(--gss-border, rgba(17,24,39,.10));
                border-radius: 16px;
                padding: 10px 12px;
                margin: 10px 0;
                background: #fff;
                box-shadow: var(--gss-shadow, 0 10px 24px rgba(17,24,39,.05));
            }
.portal-page-shell.portal-compact[data-portal-page="/CommodityPurchases"] table.responsive-table td {
                border: none !important;
                padding: 6px 0 !important;
                display: flex;
                align-items: baseline;
                justify-content: space-between;
                gap: 12px;
                white-space: normal !important;
            }
.portal-page-shell.portal-compact[data-portal-page="/CommodityPurchases"] table.responsive-table td::before {
                    content: attr(data-label);
                    font-weight: 500;
                    color: var(--gss-muted, #6b7280);
                    padding-right: 10px;
                    flex: 0 0 auto;
                }
.portal-page-shell.portal-compact[data-portal-page="/CommodityPurchases"] table.responsive-table td[data-label=""]::before {
                    content: "";
                    padding-right: 0;
                }
.portal-page-shell.portal-compact[data-portal-page="/CommodityPurchases"] .icon-tools {
            flex-wrap: wrap !important;
        }
.portal-page-shell.portal-compact[data-portal-page="/CommodityPurchases"] .icon-btn {
            min-height: 40px;
        }
}


/* Contract: existing 720px layout, extended to narrow content areas. */
@media screen and (min-width: 720.01px) {
.portal-page-shell.portal-compact[data-portal-page="/Contract"] table.responsive-table thead {
            display: none;
        }
.portal-page-shell.portal-compact[data-portal-page="/Contract"] table.responsive-table,
.portal-page-shell.portal-compact[data-portal-page="/Contract"] table.responsive-table tbody,
.portal-page-shell.portal-compact[data-portal-page="/Contract"] table.responsive-table tr,
.portal-page-shell.portal-compact[data-portal-page="/Contract"] table.responsive-table td {
            display: block;
            width: 100%;
        }
.portal-page-shell.portal-compact[data-portal-page="/Contract"] table.responsive-table tr {
                border: 1px solid var(--gss-border, rgba(17,24,39,.10));
                border-radius: 16px;
                padding: 10px 12px;
                margin: 10px 0;
                background: #fff;
                box-shadow: var(--gss-shadow, 0 10px 24px rgba(17,24,39,.05));
            }
.portal-page-shell.portal-compact[data-portal-page="/Contract"] table.responsive-table td {
                border: none !important;
                padding: 6px 0 !important;
                display: flex;
                align-items: baseline;
                justify-content: space-between;
                gap: 12px;
                white-space: normal !important;
            }
.portal-page-shell.portal-compact[data-portal-page="/Contract"] table.responsive-table td::before {
                    content: attr(data-label);
                    font-weight: 800;
                    color: var(--gss-muted, #6b7280);
                    padding-right: 10px;
                    flex: 0 0 auto;
                }
.portal-page-shell.portal-compact[data-portal-page="/Contract"] .icon-tools,
.portal-page-shell.portal-compact[data-portal-page="/Contract"] .acct-tools,
.portal-page-shell.portal-compact[data-portal-page="/Contract"] .filter-toolbar {
            width: 100%;
        }
.portal-page-shell.portal-compact[data-portal-page="/Contract"] .contract-filter-select {
            min-width: 0;
            max-width: none;
            width: 100%;
        }
.portal-page-shell.portal-compact[data-portal-page="/Contract"] .input-group {
            max-width: none !important;
            width: 100%;
        }
.portal-page-shell.portal-compact[data-portal-page="/Contract"] .commodity-badge {
            min-width: 0;
        }
}


/* DeliverySheet: existing 720px layout, extended to narrow content areas. */
@media screen and (min-width: 720.01px) {
.portal-page-shell.portal-compact[data-portal-page="/DeliverySheet"] .filter-toolbar {
            width: 100%;
        }
.portal-page-shell.portal-compact[data-portal-page="/DeliverySheet"] .delivery-filter-select {
            min-width: 0;
            max-width: none;
            width: 100%;
        }
.portal-page-shell.portal-compact[data-portal-page="/DeliverySheet"] table.responsive-table thead {
            display: none;
        }
.portal-page-shell.portal-compact[data-portal-page="/DeliverySheet"] table.responsive-table,
.portal-page-shell.portal-compact[data-portal-page="/DeliverySheet"] table.responsive-table tbody,
.portal-page-shell.portal-compact[data-portal-page="/DeliverySheet"] table.responsive-table tr,
.portal-page-shell.portal-compact[data-portal-page="/DeliverySheet"] table.responsive-table td {
            display: block;
            width: 100%;
        }
.portal-page-shell.portal-compact[data-portal-page="/DeliverySheet"] table.responsive-table tr {
                border: 1px solid rgba(17,24,39,.10);
                border-radius: 16px;
                padding: 10px 12px;
                margin: 10px 0;
                background: #fff;
                box-shadow: 0 10px 24px rgba(17,24,39,.05);
            }
.portal-page-shell.portal-compact[data-portal-page="/DeliverySheet"] table.responsive-table td {
                border: none !important;
                padding: 6px 0 !important;
                display: flex;
                align-items: baseline;
                justify-content: space-between;
                gap: 12px;
                white-space: normal !important;
            }
.portal-page-shell.portal-compact[data-portal-page="/DeliverySheet"] table.responsive-table td::before {
                    content: attr(data-label);
                    font-weight: 800;
                    color: #6b7280;
                    padding-right: 10px;
                    flex: 0 0 auto;
                }
.portal-page-shell.portal-compact[data-portal-page="/DeliverySheet"] .num {
            text-align: left;
        }
.portal-page-shell.portal-compact[data-portal-page="/DeliverySheet"] .actions {
            justify-content: flex-start;
        }
}


/* DeliverySettlements: existing 820px layout, extended to narrow content areas. */
@media screen and (min-width: 820.01px) {
.portal-page-shell.portal-compact[data-portal-page="/DeliverySettlements"] .filter-toolbar {
            width: 100%;
        }
.portal-page-shell.portal-compact[data-portal-page="/DeliverySettlements"] .delivery-filter-select {
            min-width: 0;
            max-width: none;
            width: 100%;
        }
.portal-page-shell.portal-compact[data-portal-page="/DeliverySettlements"] table.responsive-table thead {
            display: none;
        }
.portal-page-shell.portal-compact[data-portal-page="/DeliverySettlements"] table.responsive-table,
.portal-page-shell.portal-compact[data-portal-page="/DeliverySettlements"] table.responsive-table tbody,
.portal-page-shell.portal-compact[data-portal-page="/DeliverySettlements"] table.responsive-table tr,
.portal-page-shell.portal-compact[data-portal-page="/DeliverySettlements"] table.responsive-table td {
            display: block;
            width: 100%;
        }
.portal-page-shell.portal-compact[data-portal-page="/DeliverySettlements"] table.responsive-table tr {
                border: 1px solid rgba(17,24,39,.10);
                border-radius: 14px;
                background: rgba(255,255,255,.95);
                margin-bottom: 10px;
                overflow: hidden;
            }
.portal-page-shell.portal-compact[data-portal-page="/DeliverySettlements"] table.responsive-table tbody td {
                display: flex;
                justify-content: space-between;
                gap: 10px;
                padding: 10px 12px;
                border-bottom: 1px solid rgba(17,24,39,.08);
                text-align: left !important;
                white-space: normal !important;
            }
.portal-page-shell.portal-compact[data-portal-page="/DeliverySettlements"] table.responsive-table tbody td::before {
                    content: attr(data-label);
                    font-weight: 900;
                    color: #374151;
                    min-width: 44%;
                }
.portal-page-shell.portal-compact[data-portal-page="/DeliverySettlements"] table.responsive-table tbody td:last-child {
                    border-bottom: none;
                }
.portal-page-shell.portal-compact[data-portal-page="/DeliverySettlements"] .num {
            text-align: left;
        }
.portal-page-shell.portal-compact[data-portal-page="/DeliverySettlements"] .actions {
            justify-content: flex-start;
        }
}


/* DeliveryTickets: existing 720px layout, extended to narrow content areas. */
@media screen and (min-width: 720.01px) {
.portal-page-shell.portal-compact[data-portal-page="/DeliveryTickets"] .filter-toolbar {
            width: 100%;
        }
.portal-page-shell.portal-compact[data-portal-page="/DeliveryTickets"] .delivery-filter-select {
            min-width: 0;
            max-width: none;
            width: 100%;
        }
.portal-page-shell.portal-compact[data-portal-page="/DeliveryTickets"] .ticket-grid.ticket-head {
            display: none;
        }
.portal-page-shell.portal-compact[data-portal-page="/DeliveryTickets"] .ticket-grid {
            grid-template-columns: 1fr 1fr;
            grid-template-areas:
                "received ticket"
                "location commodity"
                "farm farm"
                "adjnet adjnet"
                "actions actions";
            align-items: start;
            gap: 8px 10px;
        }
.portal-page-shell.portal-compact[data-portal-page="/DeliveryTickets"] .col-received {
            grid-area: received;
        }
.portal-page-shell.portal-compact[data-portal-page="/DeliveryTickets"] .col-ticket {
            grid-area: ticket;
        }
.portal-page-shell.portal-compact[data-portal-page="/DeliveryTickets"] .col-location {
            grid-area: location;
        }
.portal-page-shell.portal-compact[data-portal-page="/DeliveryTickets"] .col-commodity {
            grid-area: commodity;
        }
.portal-page-shell.portal-compact[data-portal-page="/DeliveryTickets"] .col-farm {
            grid-area: farm;
        }
.portal-page-shell.portal-compact[data-portal-page="/DeliveryTickets"] .col-adjnet {
            grid-area: adjnet;
        }
.portal-page-shell.portal-compact[data-portal-page="/DeliveryTickets"] .col-actions {
            grid-area: actions;
        }
.portal-page-shell.portal-compact[data-portal-page="/DeliveryTickets"] .ticket-grid .cell[data-label]::before {
            content: attr(data-label) ": ";
            color: rgba(17,24,39,.70);
            font-weight: 400;
        }
.portal-page-shell.portal-compact[data-portal-page="/DeliveryTickets"] .btn-col {
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: flex-end;
            justify-self: stretch;
            gap: 8px;
            width: 100%;
        }
.portal-page-shell.portal-compact[data-portal-page="/DeliveryTickets"] .btn-ghost-action {
            width: 44px;
            height: 40px;
        }
.portal-page-shell.portal-compact[data-portal-page="/DeliveryTickets"] .disc-row {
            grid-template-columns: 48px 58px 66px minmax(90px, 1fr);
            gap: 6px;
            font-size: .86rem;
        }
.portal-page-shell.portal-compact[data-portal-page="/DeliveryTickets"] .disc-row.fsa-discounts {
            grid-template-columns: 48px 72px;
            width: 126px;
            max-width: 100%;
        }
.portal-page-shell.portal-compact[data-portal-page="/DeliveryTickets"] .disc-row > div {
                min-width: 0;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }
.portal-page-shell.portal-compact[data-portal-page="/DeliveryTickets"] .disc-row > .num-right {
                overflow: visible;
                text-overflow: clip;
            }
}


/* Disbursements: existing 991.98px layout, extended to narrow content areas. */
@media screen and (min-width: 991.99px) {
.portal-page-shell.portal-compact[data-portal-page="/Disbursements"] .main-order-section {
            padding: 14px;
        }
.portal-page-shell.portal-compact[data-portal-page="/Disbursements"] .acct-tools {
            justify-content: space-between;
        }
.portal-page-shell.portal-compact[data-portal-page="/Disbursements"] .gss-titleline {
            flex-wrap: wrap;
        }
}


/* Disbursements: existing 767.98px layout, extended to narrow content areas. */
@media screen and (min-width: 767.99px) {
.portal-page-shell.portal-compact[data-portal-page="/Disbursements"] .gss-wrap {
            padding: 10px;
        }
.portal-page-shell.portal-compact[data-portal-page="/Disbursements"] .main-order-section {
            padding: 12px;
            border-radius: 18px;
        }
.portal-page-shell.portal-compact[data-portal-page="/Disbursements"] .header-toolbar {
            margin-bottom: 10px !important;
        }
.portal-page-shell.portal-compact[data-portal-page="/Disbursements"] .gss-titleline {
            gap: 10px;
            align-items: center;
        }
.portal-page-shell.portal-compact[data-portal-page="/Disbursements"] .gss-title-inline {
            white-space: normal;
            overflow: visible;
            text-overflow: clip;
        }
.portal-page-shell.portal-compact[data-portal-page="/Disbursements"] .acct-tools {
            justify-content: center;
            margin-bottom: 12px;
        }
.portal-page-shell.portal-compact[data-portal-page="/Disbursements"] .icon-tools {
            width: 100%;
            justify-content: center;
            gap: 8px;
            padding: 8px 10px;
            border: 1px solid rgba(17,24,39,.08);
            border-radius: 999px;
            background: rgba(255,255,255,.9);
        }
.portal-page-shell.portal-compact[data-portal-page="/Disbursements"] .content {
            padding: 10px;
        }
.portal-page-shell.portal-compact[data-portal-page="/Disbursements"] .scroll-x.dis-scroll,
.portal-page-shell.portal-compact[data-portal-page="/Disbursements"] .scroll-x.det-scroll {
            overflow-x: visible;
        }
.portal-page-shell.portal-compact[data-portal-page="/Disbursements"] .scroll-x.dis-scroll > .hdr-row,
.portal-page-shell.portal-compact[data-portal-page="/Disbursements"] .scroll-x.det-scroll > .detail-head {
                display: none;
            }
.portal-page-shell.portal-compact[data-portal-page="/Disbursements"] .row-wrap {
            margin-top: 8px;
        }
.portal-page-shell.portal-compact[data-portal-page="/Disbursements"] details.disb > summary {
            padding: 10px;
        }
.portal-page-shell.portal-compact[data-portal-page="/Disbursements"] .dis-grid {
            display: block;
            min-width: 0;
        }
.portal-page-shell.portal-compact[data-portal-page="/Disbursements"] .dis-grid > .cell {
                display: flex;
                align-items: flex-start;
                justify-content: space-between;
                gap: 12px;
                width: 100%;
                padding: 6px 0;
                text-align: left !important;
                font-weight: 400;
            }
.portal-page-shell.portal-compact[data-portal-page="/Disbursements"] .dis-grid > .cell::before {
                    content: attr(data-label);
                    flex: 0 0 120px;
                    max-width: 120px;
                    font-weight: 800;
                    color: #1f2937;
                }
.portal-page-shell.portal-compact[data-portal-page="/Disbursements"] .dis-grid > .cell.actions {
                    align-items: center;
                    justify-content: space-between;
                }
.portal-page-shell.portal-compact[data-portal-page="/Disbursements"] .dis-grid > .cell.actions::before {
                        content: "Actions";
                    }
.portal-page-shell.portal-compact[data-portal-page="/Disbursements"] .actions {
            justify-content: flex-end;
        }
.portal-page-shell.portal-compact[data-portal-page="/Disbursements"] .detail-shell {
            padding: 10px;
        }
.portal-page-shell.portal-compact[data-portal-page="/Disbursements"] .detail-title {
            margin-bottom: 8px;
        }
.portal-page-shell.portal-compact[data-portal-page="/Disbursements"] .det-grid {
            display: block;
            min-width: 0;
        }
.portal-page-shell.portal-compact[data-portal-page="/Disbursements"] .detail-row {
            padding: 10px 12px;
        }
.portal-page-shell.portal-compact[data-portal-page="/Disbursements"] .det-grid > .cell {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 12px;
            width: 100%;
            padding: 5px 0;
            text-align: left !important;
        }
.portal-page-shell.portal-compact[data-portal-page="/Disbursements"] .det-grid > .cell::before {
                content: attr(data-label);
                flex: 0 0 132px;
                max-width: 132px;
                font-weight: 800;
                color: #1f2937;
            }
.portal-page-shell.portal-compact[data-portal-page="/Disbursements"] .btn-ghost-action[data-tip]::after,
.portal-page-shell.portal-compact[data-portal-page="/Disbursements"] .btn-ghost-action[data-tip]::before {
            display: none !important;
        }
}


/* FarmSummary: existing 950px layout, extended to narrow content areas. */
@media screen and (min-width: 950.01px) {
.portal-page-shell.portal-compact[data-portal-page="/FarmSummary"] #farm-summary .fs-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
.portal-page-shell.portal-compact[data-portal-page="/FarmSummary"] #farm-summary .fs-detail-body .fs-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); }
}


/* FarmSummary: existing 760px layout, extended to narrow content areas. */
@media screen and (min-width: 760.01px) {
.portal-page-shell.portal-compact[data-portal-page="/FarmSummary"] #farm-summary.gss-wrap { padding:8px; }
.portal-page-shell.portal-compact[data-portal-page="/FarmSummary"] #farm-summary .main-order-section { padding:10px; }
.portal-page-shell.portal-compact[data-portal-page="/FarmSummary"] #farm-summary .fs-two,
.portal-page-shell.portal-compact[data-portal-page="/FarmSummary"] #farm-summary .fs-filters { grid-template-columns:1fr; }
.portal-page-shell.portal-compact[data-portal-page="/FarmSummary"] #farm-summary .fs-detail-body .fs-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
.portal-page-shell.portal-compact[data-portal-page="/FarmSummary"] #farm-summary .right-meta { min-width:0;text-align:left; }
}


/* FarmSummary: existing 760px layout, extended to narrow content areas. */
@media screen and (min-width: 760.01px) {
.portal-page-shell.portal-compact[data-portal-page="/FarmSummary"] #farm-summary .fs-details summary { flex-wrap:wrap; }
.portal-page-shell.portal-compact[data-portal-page="/FarmSummary"] #farm-summary .fs-delivered-total { flex-basis:100%;padding-left:40px; }
.portal-page-shell.portal-compact[data-portal-page="/FarmSummary"] #farm-summary .fs-ranking.fs-delivered { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
.portal-page-shell.portal-compact[data-portal-page="/FarmSummary"] #farm-summary .fs-delivered-value { grid-column:1 / -1;text-align:left; }
}


/* FarmSummary: existing 767px layout, extended to narrow content areas. */
@media screen and (min-width: 767.01px) {
.portal-page-shell.portal-compact[data-portal-page="/FarmSummary"] #farm-summary .farm-delivery-trends .dashboard-section { border-radius: 18px; }
}


/* Index: existing 992px layout, extended to narrow content areas. */
@media screen and (min-width: 992.01px) {
.portal-page-shell.portal-compact[data-portal-page="/Index"] .metric-grid,
.portal-page-shell.portal-compact[data-portal-page="/Index"] .mini-grid,
.portal-page-shell.portal-compact[data-portal-page="/Index"] .saas-rail {
            grid-template-columns: 1fr;
        }
.portal-page-shell.portal-compact[data-portal-page="/Index"] .saas-topbar-card {
            flex-direction: column;
            align-items: flex-start;
        }
.portal-page-shell.portal-compact[data-portal-page="/Index"] .saas-brand-badge {
            min-width: 0;
            width: 100%;
            justify-content: flex-start;
        }
}


/* Index: existing 767px layout, extended to narrow content areas. */
@media screen and (min-width: 767.01px) {
.portal-page-shell.portal-compact[data-portal-page="/Index"] .weather-forecast {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
.portal-page-shell.portal-compact[data-portal-page="/Index"] .saas-dashboard {
            gap: 14px;
        }
.portal-page-shell.portal-compact[data-portal-page="/Index"] .dashboard-section,
.portal-page-shell.portal-compact[data-portal-page="/Index"] .rail-card,
.portal-page-shell.portal-compact[data-portal-page="/Index"] .metric-card,
.portal-page-shell.portal-compact[data-portal-page="/Index"] .quick-link-card,
.portal-page-shell.portal-compact[data-portal-page="/Index"] .saas-topbar-card {
            border-radius: 18px;
        }
.portal-page-shell.portal-compact[data-portal-page="/Index"] .cashbids-table-wrap {
            display: none;
        }
.portal-page-shell.portal-compact[data-portal-page="/Index"] .cashbids-cards {
            display: grid;
        }
.portal-page-shell.portal-compact[data-portal-page="/Index"] .cashbids-meta {
            text-align: left;
        }
}


/* Invoices: existing 760px layout, extended to narrow content areas. */
@media screen and (min-width: 760.01px) {
.portal-page-shell.portal-compact[data-portal-page="/Invoices"] .inv-grid {
            min-width: 0;
            grid-template-columns: 1fr;
            grid-template-areas:
                "date"
                "inv"
                "ship"
                "total"
                "actions"
                "meta";
            gap: 10px;
        }
.portal-page-shell.portal-compact[data-portal-page="/Invoices"] .inv-head {
            display: none;
        }
.portal-page-shell.portal-compact[data-portal-page="/Invoices"] .inv-scroll {
            border: none;
            background: transparent;
        }
.portal-page-shell.portal-compact[data-portal-page="/Invoices"] .inv-rowwrap {
            border-top: none;
        }
.portal-page-shell.portal-compact[data-portal-page="/Invoices"] details.inv > summary .inv-grid {
            margin: 0;
        }
.portal-page-shell.portal-compact[data-portal-page="/Invoices"] .cell {
            white-space: normal;
        }
.portal-page-shell.portal-compact[data-portal-page="/Invoices"] .money {
            text-align: left;
        }
.portal-page-shell.portal-compact[data-portal-page="/Invoices"] .money .sub {
                text-align: left;
            }
.portal-page-shell.portal-compact[data-portal-page="/Invoices"] .actions {
            justify-content: flex-start;
            flex-wrap: wrap;
        }
}


/* Invoices: existing 720px layout, extended to narrow content areas. */
@media screen and (min-width: 720.01px) {
.portal-page-shell.portal-compact[data-portal-page="/Invoices"] .reorder-all-mobile {
            display: flex;
        }
.portal-page-shell.portal-compact[data-portal-page="/Invoices"] table.responsive-table thead {
            display: none;
        }
.portal-page-shell.portal-compact[data-portal-page="/Invoices"] table.responsive-table,
.portal-page-shell.portal-compact[data-portal-page="/Invoices"] table.responsive-table tbody,
.portal-page-shell.portal-compact[data-portal-page="/Invoices"] table.responsive-table tr,
.portal-page-shell.portal-compact[data-portal-page="/Invoices"] table.responsive-table td {
            display: block;
            width: 100%;
        }
.portal-page-shell.portal-compact[data-portal-page="/Invoices"] table.responsive-table tr {
                border: 1px solid var(--gss-border, rgba(17,24,39,.10));
                border-radius: 16px;
                padding: 10px 12px;
                margin: 10px 0;
                background: #fff;
                box-shadow: var(--gss-shadow, 0 10px 24px rgba(17,24,39,.05));
            }
.portal-page-shell.portal-compact[data-portal-page="/Invoices"] table.responsive-table td {
                border: none !important;
                padding: 6px 0 !important;
                display: flex;
                align-items: baseline;
                justify-content: space-between;
                gap: 12px;
                white-space: normal !important;
            }
.portal-page-shell.portal-compact[data-portal-page="/Invoices"] table.responsive-table td::before {
                    content: attr(data-label);
                    font-weight: 800;
                    color: var(--gss-muted, #6b7280);
                    padding-right: 10px;
                    flex: 0 0 auto;
                }
.portal-page-shell.portal-compact[data-portal-page="/Invoices"] table.responsive-table td[data-label=""]::before {
                    content: "";
                    padding-right: 0;
                }
.portal-page-shell.portal-compact[data-portal-page="/Invoices"] .inv-actions,
.portal-page-shell.portal-compact[data-portal-page="/Invoices"] .action-row,
.portal-page-shell.portal-compact[data-portal-page="/Invoices"] .tool-row,
.portal-page-shell.portal-compact[data-portal-page="/Invoices"] .icon-tools {
            flex-wrap: wrap !important;
        }
.portal-page-shell.portal-compact[data-portal-page="/Invoices"] .btn,
.portal-page-shell.portal-compact[data-portal-page="/Invoices"] .icon-btn,
.portal-page-shell.portal-compact[data-portal-page="/Invoices"] .action-btn {
            min-height: 40px;
        }
.portal-page-shell.portal-compact[data-portal-page="/Invoices"] .mobile-full {
            width: 100% !important;
        }
}


/* MyAccount: existing 768px layout, extended to narrow content areas. */
@media screen and (min-width: 768.01px) {
.portal-page-shell.portal-compact[data-portal-page="/MyAccount"] .form-grid {
            grid-template-columns: 1fr;
        }
.portal-page-shell.portal-compact[data-portal-page="/MyAccount"] .field-span-2 {
            grid-column: span 1;
        }
}


/* Orders: existing 720px layout, extended to narrow content areas. */
@media screen and (min-width: 720.01px) {
.portal-page-shell.portal-compact[data-portal-page="/Orders"] table.responsive-table thead {
            display: none;
        }
.portal-page-shell.portal-compact[data-portal-page="/Orders"] table.responsive-table,
.portal-page-shell.portal-compact[data-portal-page="/Orders"] table.responsive-table tbody,
.portal-page-shell.portal-compact[data-portal-page="/Orders"] table.responsive-table tr,
.portal-page-shell.portal-compact[data-portal-page="/Orders"] table.responsive-table td {
            display: block;
            width: 100%;
        }
.portal-page-shell.portal-compact[data-portal-page="/Orders"] table.responsive-table tr {
                border: 1px solid var(--gss-border, rgba(17,24,39,.10));
                border-radius: 16px;
                padding: 10px 12px;
                margin: 10px 0;
                background: #fff;
                box-shadow: var(--gss-shadow, 0 10px 24px rgba(17,24,39,.05));
            }
.portal-page-shell.portal-compact[data-portal-page="/Orders"] table.responsive-table td {
                border: none !important;
                padding: 6px 0 !important;
                display: flex;
                align-items: baseline;
                justify-content: space-between;
                gap: 12px;
                white-space: normal !important;
            }
.portal-page-shell.portal-compact[data-portal-page="/Orders"] table.responsive-table td::before {
                    content: attr(data-label);
                    font-weight: 800;
                    color: var(--gss-muted, #6b7280);
                    padding-right: 10px;
                    flex: 0 0 auto;
                }
.portal-page-shell.portal-compact[data-portal-page="/Orders"] table.responsive-table td[data-label=""]::before {
                    content: "";
                    padding-right: 0;
                }
.portal-page-shell.portal-compact[data-portal-page="/Orders"] .inv-actions,
.portal-page-shell.portal-compact[data-portal-page="/Orders"] .action-row,
.portal-page-shell.portal-compact[data-portal-page="/Orders"] .tool-row,
.portal-page-shell.portal-compact[data-portal-page="/Orders"] .icon-tools {
            flex-wrap: wrap !important;
        }
.portal-page-shell.portal-compact[data-portal-page="/Orders"] .btn,
.portal-page-shell.portal-compact[data-portal-page="/Orders"] .icon-btn,
.portal-page-shell.portal-compact[data-portal-page="/Orders"] .action-btn {
            min-height: 40px;
        }
.portal-page-shell.portal-compact[data-portal-page="/Orders"] .mobile-full {
            width: 100% !important;
        }
}


/* Patronage: existing 900px layout, extended to narrow content areas. */
@media screen and (min-width: 900.01px) {
.portal-page-shell.portal-compact[data-portal-page="/Patronage"] .report-grid {
            grid-template-columns: 1fr;
        }
}


/* Payments: existing 991.98px layout, extended to narrow content areas. */
@media screen and (min-width: 991.99px) {
.portal-page-shell.portal-compact[data-portal-page="/Payments"] .main-order-section {
            padding: 14px;
        }
.portal-page-shell.portal-compact[data-portal-page="/Payments"] .acct-tools {
            justify-content: space-between;
        }
.portal-page-shell.portal-compact[data-portal-page="/Payments"] .gss-titleline {
            flex-wrap: wrap;
        }
}


/* Payments: existing 767.98px layout, extended to narrow content areas. */
@media screen and (min-width: 767.99px) {
.portal-page-shell.portal-compact[data-portal-page="/Payments"] .gss-wrap {
            padding: 10px;
        }
.portal-page-shell.portal-compact[data-portal-page="/Payments"] .main-order-section {
            padding: 12px;
            border-radius: 18px;
        }
.portal-page-shell.portal-compact[data-portal-page="/Payments"] .header-toolbar {
            margin-bottom: 10px !important;
        }
.portal-page-shell.portal-compact[data-portal-page="/Payments"] .gss-titleline {
            gap: 10px;
            align-items: center;
        }
.portal-page-shell.portal-compact[data-portal-page="/Payments"] .gss-title-inline {
            white-space: normal;
            overflow: visible;
            text-overflow: clip;
        }
.portal-page-shell.portal-compact[data-portal-page="/Payments"] .acct-tools {
            justify-content: center;
            margin-bottom: 12px;
        }
.portal-page-shell.portal-compact[data-portal-page="/Payments"] .icon-tools {
            width: 100%;
            justify-content: center;
        }
.portal-page-shell.portal-compact[data-portal-page="/Payments"] .payments-balance-row {
            align-items: stretch;
            flex-direction: column;
            flex-wrap: nowrap;
        }
.portal-page-shell.portal-compact[data-portal-page="/Payments"] .balance-callout {
            min-width: 0;
            width: 100%;
            margin-left: 0;
        }
.portal-page-shell.portal-compact[data-portal-page="/Payments"] .payments-tabs {
            width: 100%;
            border-radius: 16px;
        }
.portal-page-shell.portal-compact[data-portal-page="/Payments"] .payments-tab {
            flex: 1 1 140px;
            text-align: center;
        }
.portal-page-shell.portal-compact[data-portal-page="/Payments"] .year-summary {
            align-items: flex-start;
        }
.portal-page-shell.portal-compact[data-portal-page="/Payments"] .year-meta {
            display: block;
        }
.portal-page-shell.portal-compact[data-portal-page="/Payments"] .year-total {
            margin-top: 3px;
        }
.portal-page-shell.portal-compact[data-portal-page="/Payments"] .content {
            padding: 10px;
        }
.portal-page-shell.portal-compact[data-portal-page="/Payments"] .scroll-x.open-scroll,
.portal-page-shell.portal-compact[data-portal-page="/Payments"] .scroll-x.paid-scroll,
.portal-page-shell.portal-compact[data-portal-page="/Payments"] .scroll-x.detail-scroll {
            overflow-x: visible;
        }
.portal-page-shell.portal-compact[data-portal-page="/Payments"] .scroll-x.open-scroll > .hdr-row,
.portal-page-shell.portal-compact[data-portal-page="/Payments"] .scroll-x.paid-scroll > .hdr-row,
.portal-page-shell.portal-compact[data-portal-page="/Payments"] .scroll-x.detail-scroll > .detail-head {
                display: none;
            }
.portal-page-shell.portal-compact[data-portal-page="/Payments"] .open-grid,
.portal-page-shell.portal-compact[data-portal-page="/Payments"] .paid-grid,
.portal-page-shell.portal-compact[data-portal-page="/Payments"] .detail-grid {
            display: block;
            min-width: 0;
        }
.portal-page-shell.portal-compact[data-portal-page="/Payments"] .open-grid > .cell,
.portal-page-shell.portal-compact[data-portal-page="/Payments"] .paid-grid > .cell,
.portal-page-shell.portal-compact[data-portal-page="/Payments"] .detail-grid > .cell {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 12px;
            width: 100%;
            padding: 6px 0;
            text-align: left !important;
            font-weight: 400;
        }
.portal-page-shell.portal-compact[data-portal-page="/Payments"] .open-grid > .cell::before,
.portal-page-shell.portal-compact[data-portal-page="/Payments"] .paid-grid > .cell::before,
.portal-page-shell.portal-compact[data-portal-page="/Payments"] .detail-grid > .cell::before {
                content: attr(data-label);
                flex: 0 0 132px;
                max-width: 132px;
                font-weight: 800;
                color: #1f2937;
            }
.portal-page-shell.portal-compact[data-portal-page="/Payments"] .paid-grid > .cell.actions {
            align-items: center;
        }
.portal-page-shell.portal-compact[data-portal-page="/Payments"] details.payment > summary {
            padding: 10px;
        }
.portal-page-shell.portal-compact[data-portal-page="/Payments"] .detail-shell {
            padding: 10px;
        }
.portal-page-shell.portal-compact[data-portal-page="/Payments"] .detail-row {
            padding: 10px 12px;
        }
.portal-page-shell.portal-compact[data-portal-page="/Payments"] .btn-ghost-action[data-tip]::after,
.portal-page-shell.portal-compact[data-portal-page="/Payments"] .btn-ghost-action[data-tip]::before {
            display: none !important;
        }
}


/* Products: existing 768px layout, extended to narrow content areas. */
@media screen and (min-width: 768.01px) {
.portal-page-shell.portal-compact[data-portal-page="/Products"] .gss-wrap {
            padding: 12px;
        }
.portal-page-shell.portal-compact[data-portal-page="/Products"] .toolbar-row {
            align-items: stretch;
        }
.portal-page-shell.portal-compact[data-portal-page="/Products"] .toolbar-left,
.portal-page-shell.portal-compact[data-portal-page="/Products"] .acct-tools {
            width: 100%;
        }
.portal-page-shell.portal-compact[data-portal-page="/Products"] .acct-tools {
            justify-content: flex-start;
        }
.portal-page-shell.portal-compact[data-portal-page="/Products"] .search-box {
            max-width: 100%;
            flex: 1 1 100%;
        }
.portal-page-shell.portal-compact[data-portal-page="/Products"] .search-row {
            align-items: stretch;
        }
.portal-page-shell.portal-compact[data-portal-page="/Products"] .icon-tools {
            order: 3;
        }
.portal-page-shell.portal-compact[data-portal-page="/Products"] .products-table-wrap {
            display: none;
        }
.portal-page-shell.portal-compact[data-portal-page="/Products"] .products-cards {
            display: grid;
        }
.portal-page-shell.portal-compact[data-portal-page="/Products"] .item-desc {
            font-size: .88rem;
        }
}


/* Settlements: existing 767.98px layout, extended to narrow content areas. */
@media screen and (min-width: 767.99px) {
.portal-page-shell.portal-compact[data-portal-page="/Settlements"] .gss-wrap {
            padding: 12px;
        }
.portal-page-shell.portal-compact[data-portal-page="/Settlements"] .acct-tools {
            justify-content: stretch;
        }
.portal-page-shell.portal-compact[data-portal-page="/Settlements"] .acct-tools > * {
                width: 100%;
            }
.portal-page-shell.portal-compact[data-portal-page="/Settlements"] .icon-tools {
            justify-content: center;
            flex-wrap: wrap;
        }
.portal-page-shell.portal-compact[data-portal-page="/Settlements"] .header-toolbar {
            min-width: 0;
        }
.portal-page-shell.portal-compact[data-portal-page="/Settlements"] .content,
.portal-page-shell.portal-compact[data-portal-page="/Settlements"] .y-body,
.portal-page-shell.portal-compact[data-portal-page="/Settlements"] .rows-wrap,
.portal-page-shell.portal-compact[data-portal-page="/Settlements"] table.rows,
.portal-page-shell.portal-compact[data-portal-page="/Settlements"] table.rows tbody,
.portal-page-shell.portal-compact[data-portal-page="/Settlements"] table.rows tr,
.portal-page-shell.portal-compact[data-portal-page="/Settlements"] table.rows td {
            min-width: 0;
        }
.portal-page-shell.portal-compact[data-portal-page="/Settlements"] table.rows,
.portal-page-shell.portal-compact[data-portal-page="/Settlements"] table.rows thead,
.portal-page-shell.portal-compact[data-portal-page="/Settlements"] table.rows tbody,
.portal-page-shell.portal-compact[data-portal-page="/Settlements"] table.rows th,
.portal-page-shell.portal-compact[data-portal-page="/Settlements"] table.rows td,
.portal-page-shell.portal-compact[data-portal-page="/Settlements"] table.rows tr {
                display: block;
            }
.portal-page-shell.portal-compact[data-portal-page="/Settlements"] table.rows thead {
                    display: none;
                }
.portal-page-shell.portal-compact[data-portal-page="/Settlements"] table.rows {
            border: none;
            background: transparent;
        }
.portal-page-shell.portal-compact[data-portal-page="/Settlements"] table.rows tbody {
                display: grid;
                gap: 10px;
            }
.portal-page-shell.portal-compact[data-portal-page="/Settlements"] table.rows tr {
                border: 1px solid rgba(17,24,39,.10);
                border-radius: 12px;
                background: rgba(255,255,255,.92);
                overflow: hidden;
            }
.portal-page-shell.portal-compact[data-portal-page="/Settlements"] table.rows td {
                display: flex;
                justify-content: space-between;
                align-items: center;
                gap: 12px;
                border-bottom: 1px solid rgba(17,24,39,.06);
                text-align: left;
            }
.portal-page-shell.portal-compact[data-portal-page="/Settlements"] table.rows td:last-child {
                    border-bottom: none;
                }
.portal-page-shell.portal-compact[data-portal-page="/Settlements"] table.rows td::before {
                    content: attr(data-label);
                    font-weight: 800;
                    color: #374151;
                    min-width: 45%;
                    padding-right: 8px;
                }
.portal-page-shell.portal-compact[data-portal-page="/Settlements"] .num,
.portal-page-shell.portal-compact[data-portal-page="/Settlements"] .check-col,
.portal-page-shell.portal-compact[data-portal-page="/Settlements"] .check-col-head,
.portal-page-shell.portal-compact[data-portal-page="/Settlements"] .action-col,
.portal-page-shell.portal-compact[data-portal-page="/Settlements"] .action-col-head {
            text-align: left;
        }
.portal-page-shell.portal-compact[data-portal-page="/Settlements"] .action-col {
            padding-top: 10px;
            padding-bottom: 10px;
        }
.portal-page-shell.portal-compact[data-portal-page="/Settlements"] .action-col::before {
                display: none;
            }
.portal-page-shell.portal-compact[data-portal-page="/Settlements"] .action-row {
            justify-content: space-between;
            gap: 12px;
        }
.portal-page-shell.portal-compact[data-portal-page="/Settlements"] .action-label {
            display: inline-block;
        }
.portal-page-shell.portal-compact[data-portal-page="/Settlements"] .btn-col {
            justify-content: flex-end;
            width: auto;
            flex: 0 0 auto;
        }
.portal-page-shell.portal-compact[data-portal-page="/Settlements"] .btn-ghost-action {
            width: 44px;
            height: 40px;
        }
.portal-page-shell.portal-compact[data-portal-page="/Settlements"] .btn-ghost-action[data-tip]::after,
.portal-page-shell.portal-compact[data-portal-page="/Settlements"] .btn-ghost-action[data-tip]::before {
                display: none !important;
            }
}


/* Storage: existing 960px layout, extended to narrow content areas. */
@media screen and (min-width: 960.01px) {
.portal-page-shell.portal-compact[data-portal-page="/Storage"] .storage-head {
            grid-template-columns: 1fr;
        }
}


@media screen and (min-width: 768px) {
    .portal-page-shell.portal-compact .header-toolbar,
    .portal-page-shell.portal-compact .acct-tools,
    .portal-page-shell.portal-compact .icon-tools,
    .portal-page-shell.portal-compact .filter-toolbar,
    .portal-page-shell.portal-compact .toolbar-row,
    .portal-page-shell.portal-compact .toolbar-left,
    .portal-page-shell.portal-compact .action-row,
    .portal-page-shell.portal-compact .tool-row {
      min-width: 0;
      max-width: 100%;
      flex-wrap: wrap;
    }
    .portal-page-shell.portal-compact .gss-title-inline {
      white-space: normal;
      overflow: visible;
      overflow-wrap: anywhere;
      text-overflow: clip;
    }
    .portal-page-shell.portal-compact .cell,
    .portal-page-shell.portal-compact .responsive-table td {
      min-width: 0;
      overflow-wrap: anywhere;
    }
    .portal-page-shell.portal-compact details.year > summary,
    .portal-page-shell.portal-compact details.offer-group > summary {
      flex-wrap: wrap;
    }
}