.wmo-member-orders{--wmo-ink:#231f1b;--wmo-muted:#6d645c;--wmo-line:#d8cfc5;--wmo-surface:#fff;--wmo-accent:#7b3038;color:var(--wmo-ink)}.wmo-intro,.wmo-note{color:var(--wmo-muted)}.wmo-table-wrap{width:100%;overflow-x:auto}.wmo-table{width:100%;border-collapse:collapse;background:var(--wmo-surface)}.wmo-table th,.wmo-table td{padding:13px 12px;border-bottom:1px solid var(--wmo-line);text-align:left;vertical-align:top}.wmo-table th{font-size:.86rem}.wmo-status,.wmo-total{display:block}.wmo-status,.wmo-invoice-status{font-weight:700}.wmo-total{margin-top:4px;color:var(--wmo-muted)}.wmo-button,.wmo-back{display:inline-flex;min-height:44px;align-items:center;justify-content:center;border-radius:999px;font-weight:700}.wmo-button{padding:0 18px;background:var(--wmo-accent);color:#fff!important;text-decoration:none}.wmo-button:hover,.wmo-button:focus-visible{background:#562128;color:#fff!important}.wmo-button:focus-visible,.wmo-back:focus-visible{outline:3px solid currentColor;outline-offset:3px}.wmo-message,.wmo-card{margin:18px 0;padding:20px;border:1px solid var(--wmo-line);border-radius:16px;background:var(--wmo-surface)}.wmo-message.is-error{border-color:#b83b3b;color:#7d1e1e}.wmo-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.wmo-card-head small{color:var(--wmo-muted)}.wmo-card-head h3{margin:.2rem 0}.wmo-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:18px 0}.wmo-facts div{padding:12px;border-radius:12px;background:#f7f3ee}.wmo-facts dt{color:var(--wmo-muted);font-size:.84rem;font-weight:700}.wmo-facts dd{margin:4px 0 0}.wmo-invoice-status{display:inline-block;padding:4px 10px;border-radius:999px;background:#efefef}.wmo-invoice-status.is-issued{background:#def2e3;color:#155b2e}.wmo-invoice-status.is-failed{background:#f9dddd;color:#812121}.wmo-invoice-status.is-pending,.wmo-invoice-status.is-processing{background:#fff0c2;color:#664a00}@media(max-width:700px){.wmo-table,.wmo-table tbody,.wmo-table tr,.wmo-table td{display:block}.wmo-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.wmo-table tr{padding:10px 0;border-bottom:1px solid var(--wmo-line)}.wmo-table td{border:0;padding:8px 10px}.wmo-table td:before{content:attr(data-label);display:block;margin-bottom:3px;color:var(--wmo-muted);font-size:.78rem;font-weight:700}.wmo-table tfoot{display:table-footer-group}.wmo-table tfoot tr{display:table-row}.wmo-table tfoot th,.wmo-table tfoot td{display:table-cell}.wmo-card-head{flex-direction:column}.wmo-button{width:100%;box-sizing:border-box}}

.wmo-filters{display:flex;align-items:end;flex-wrap:wrap;gap:10px;margin:18px 0}.wmo-filters label{font-size:.86rem;font-weight:700}.wmo-filters select,.wmo-filters input{min-height:44px;padding:8px 10px;border:1px solid var(--wmo-line);border-radius:8px;background:#fff;color:var(--wmo-ink)}.wmo-filters input{min-width:180px}.wmo-filters button{border:0;cursor:pointer}.wmo-pagination{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:18px 0}.wmo-pagination a{display:inline-flex;align-items:center;min-height:44px;font-weight:700}.wmo-pagination span{color:var(--wmo-muted)}@media(max-width:700px){.wmo-filters{display:grid;grid-template-columns:1fr}.wmo-filters :is(select,input,button){width:100%;box-sizing:border-box}}
.wmo-filter-error{flex-basis:100%;color:#7d1e1e;font-size:.86rem;line-height:1.5}

/* Adapt the list to its available panel width, including narrow desktop panels. */
.wmo-member-orders { container: wmo-orders / inline-size; min-width: 0; }
.wmo-member-orders .wmo-filters { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr) auto; align-items: end; gap: 16px; margin: 20px 0 24px; }
.wmo-filter-field { display: grid; min-width: 0; gap: 8px; }
.wmo-member-orders .wmo-filter-field :is(input,select) { box-sizing: border-box; width: 100%; min-width: 0; min-height: 48px; font: inherit; }
.wmo-member-orders .wmo-filters > .wmo-button { width: auto; min-height: 48px; white-space: nowrap; }
.wmo-member-orders .wmo-filter-error { grid-column: 1 / -1; }
.wmo-member-orders .wmo-button { white-space: nowrap; word-break: normal; overflow-wrap: normal; line-height: 1.5; }
.wmo-order-list-wrap { overflow-x: auto; }
.wmo-order-list { table-layout: auto; }
.wmo-order-list th { white-space: nowrap; }
.wmo-order-list :is(th,td) { padding: 16px 12px; }
.wmo-order-list td:is(:nth-child(1),:nth-child(3),:nth-child(5),:nth-child(6)) { white-space: nowrap; }
.wmo-order-list .wmo-button { min-height: 44px; width: auto; padding-inline: 16px; }
.wmo-order-list .wmo-invoice-status { white-space: nowrap; }
@container wmo-orders (max-width: 44rem) {
  .wmo-order-list { display: block; background: transparent; }
  .wmo-order-list thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .wmo-order-list tbody { display: grid; gap: 16px; }
  .wmo-order-list tbody tr { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px 20px; padding: 20px; border: 1px solid var(--wmo-line); border-radius: 14px; background: var(--wmo-surface); }
  .wmo-order-list tbody td { display: block; min-width: 0; padding: 0; border: 0; white-space: normal; overflow-wrap: break-word; }
  .wmo-order-list tbody td::before { content: attr(data-label); display: block; margin-bottom: 6px; color: var(--wmo-muted); font-size: .8125rem; font-weight: 500; }
  .wmo-order-list tbody td:nth-child(6) { align-self: end; justify-self: end; }
  .wmo-order-list tbody td:nth-child(6)::before { display: none; }
  .wmo-order-list .wmo-button { width: auto; }
  .wmo-order-list .wmo-invoice-status { max-width: 100%; white-space: normal; line-height: 1.5; }
}
@container wmo-orders (max-width: 34rem) {
  .wmo-member-orders .wmo-filters { grid-template-columns: minmax(0,1fr) auto; gap: 16px 12px; }
  .wmo-filter-field:first-child { grid-column: 1 / -1; }
  .wmo-order-list tbody tr { padding: 16px; gap: 16px; }
}
