/* Public marketplace tables. Account tables and auction details keep their own styles. */
:is(.bo-main,.au-main,.hp-main) :is(.bo-table,.au-market-table){width:100%;border-collapse:collapse;table-layout:fixed;font-size:14px;text-align:left}
:is(.bo-main,.au-main,.hp-main) :is(.bo-table,.au-market-table) :is(th,td){padding:18px 16px;font-size:14px;line-height:1.6;vertical-align:middle;white-space:normal;overflow-wrap:anywhere;border-color:#eee0d3}
:is(.bo-main,.au-main,.hp-main) :is(.bo-table,.au-market-table) thead th{height:56px;padding-block:15px;font-size:14px;line-height:1.5;letter-spacing:0;text-transform:none;font-weight:600;color:var(--ink);background:#f7ecdf;white-space:nowrap;overflow-wrap:normal;text-align:left;border-bottom:1px solid #e8d7c6}
:is(.bo-main,.au-main,.hp-main) :is(.bo-domain-name,.au-market-table .au-domain){display:block;font-size:16px;line-height:1.55;font-weight:700;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;letter-spacing:-.02em}
:is(.bo-main,.au-main,.hp-main) :is(.bo-table,.au-market-table) .bo-countdown{display:block;font-size:14px;line-height:1.6;white-space:normal;color:var(--ink);font-variant-numeric:tabular-nums}
:is(.bo-main,.au-main,.hp-main) :is(.bo-utc-date,.bo-ascii,.bo-mobile-label,.market-price-label){font-size:12px;line-height:1.65;color:#786454;white-space:normal;overflow-wrap:normal}
:is(.bo-main,.au-main,.hp-main) .bo-ascii{overflow-wrap:anywhere}
:is(.bo-main,.au-main,.hp-main) .bo-utc-date{display:block;margin-top:4px;font-variant-numeric:tabular-nums}
:is(.bo-main,.au-main,.hp-main) :is(.bo-badge,.au-market-table .au-badge){font-size:12px;line-height:1.5;padding:5px 8px;white-space:normal}
:is(.bo-main,.au-main,.hp-main) :is(.bo-order-button,.au-inline-bid button,.au-login-bid,.market-action){font-size:14px;line-height:1.5;min-height:44px;padding:10px 12px;white-space:nowrap;justify-content:center;gap:8px}
:is(.bo-main,.au-main,.hp-main) :is(.bo-domain-row,.au-market-table tbody tr):hover{background:#fff9f3}
:is(.bo-main,.au-main,.hp-main) :is(.bo-domain-row,.au-market-table tbody tr):focus-within{background:#fff9f3}
.au-market-table .market-price-label{display:block;margin-top:3px;font-weight:400}
.hp-main .au-market-table .market-action{width:100%;text-decoration:none}
.hp-main .bo-order-button.booked{background:#eef2e9;border-color:#d6dfca;color:#4d653d}
.hp-main .bo-order-button.booked:hover{background:#eef2e9;color:#4d653d}
.hp-main .bo-action-cell form{margin:0}
.hp-main .bo-order-button svg{width:16px;height:16px}
.hp-main .hp-end.urgent .bo-countdown{color:#963b24}
.hp-main .hp-status{gap:5px;white-space:nowrap}
.hp-main .hp-status:before{display:none}
.hp-main .hp-status.waiting{color:#725942;background:#f7eadb}

/* Use the available table width, including the listing's filter sidebar. */
.au-main .au-table-wrap,.hp-auctions .hp-table-card{container:market-auctions / inline-size}
.bo-main .bo-list-panel,.hp-backorders .hp-table-card{container:market-backorders / inline-size}
.bo-main .bo-results{container:market-results / inline-size}
:is(.au-main,.hp-main) .au-market-table{display:table}
:is(.au-main,.hp-main) .au-market-table thead{display:table-header-group}
:is(.au-main,.hp-main) .au-market-table tbody{display:table-row-group}
:is(.au-main,.hp-main) .au-market-table tr{display:table-row}
:is(.au-main,.hp-main) .au-market-table :is(th,td){display:table-cell;padding:18px 16px!important}
:is(.au-main,.hp-main) .au-market-table td:first-child{max-width:none!important}
:is(.au-main,.hp-main) .au-market-table td::before{display:none}
/* Domain takes the remaining space; short columns never collapse into broken words. */
:is(.au-main,.hp-main) .au-market-table th:nth-child(1){width:auto}
:is(.au-main,.hp-main) .au-market-table th:nth-child(2){width:132px}
:is(.au-main,.hp-main) .au-market-table th:nth-child(3){width:182px}
:is(.au-main,.hp-main) .au-market-table th:nth-child(4){width:88px}
:is(.au-main,.hp-main) .au-market-table th:nth-child(5){width:180px}
.au-main .au-market-table th:nth-child(6){width:218px}
.hp-main .au-market-table th:nth-child(6){width:180px}
:is(.au-main,.hp-main) .au-market-table :is(th,td):nth-child(4){text-align:center;font-variant-numeric:tabular-nums}
:is(.au-main,.hp-main) .au-market-table :is(th,td):nth-child(5){text-align:right;font-variant-numeric:tabular-nums}
:is(.au-main,.hp-main) .au-market-table th:nth-child(6){text-align:center}
:is(.au-main,.hp-main) .au-market-table td:nth-child(5)>strong{font-size:16px;font-weight:700;line-height:1.5;white-space:nowrap;letter-spacing:-.02em}
:is(.au-main,.hp-main) .au-market-table .au-badge{white-space:nowrap}
.au-main .au-inline-bid{display:flex;gap:8px;max-width:none;align-items:stretch}
.au-main .au-inline-amount{height:44px;min-width:0;max-width:none;flex:1 1 0;padding-inline:10px;gap:5px}
.au-main .au-inline-amount>span:first-child{font-size:14px}
.au-main .au-inline-amount input{height:42px;min-height:0;font-size:14px;line-height:1.5;text-align:right}
.au-main .au-inline-bid button{min-height:44px;flex:none;padding-inline:14px}
.au-main .au-price-note{font-size:13px;line-height:1.75;color:#786454;margin-bottom:12px}
.au-main .au-results-toolbar{margin-bottom:14px}
.au-main .au-sort-form{font-size:13px}
:is(.au-main,.bo-main) :is(.bo-result-count,.bo-page-size){font-size:13px}
:is(.au-main,.bo-main) .bo-pages :is(a,button){font-size:13px;min-width:38px;min-height:38px}
:is(.au-main,.bo-main) .bo-page-size select{min-height:40px}
.au-main .au-empty{padding:56px 24px 60px}
.au-main .au-empty h2{font-size:21px;line-height:1.4}
.au-main .au-empty p{font-size:15px;line-height:1.75}
.au-main .au-empty .au-secondary{font-size:14px;min-height:44px}

/* Backorders share the same rhythm, with room for deadline, tags and a full button. */
:is(.bo-main,.hp-main) .bo-table{display:table}
:is(.bo-main,.hp-main) .bo-table thead{display:table-header-group}
:is(.bo-main,.hp-main) .bo-table tbody{display:table-row-group}
:is(.bo-main,.hp-main) .bo-table .bo-domain-row{display:table-row}
:is(.bo-main,.hp-main) .bo-table .bo-domain-row>:is(th,td){display:table-cell;padding:18px 16px}
:is(.bo-main,.hp-main) .bo-table thead th:nth-child(1){width:auto}
:is(.bo-main,.hp-main) .bo-table thead th:nth-child(2){width:250px}
:is(.bo-main,.hp-main) .bo-table thead th:nth-child(3){width:150px}
:is(.bo-main,.hp-main) .bo-table thead th:nth-child(4){width:180px;text-align:center}
:is(.bo-main,.hp-main) .bo-table .bo-action-cell{width:auto;text-align:center}
:is(.bo-main,.hp-main) .bo-mobile-label{display:none}

@container market-auctions (max-width:999px){
  :is(.au-main,.hp-main) .au-market-table,:is(.au-main,.hp-main) .au-market-table tbody{display:block;width:100%}
  :is(.au-main,.hp-main) .au-market-table thead{display:none}
  :is(.au-main,.hp-main) .au-market-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px 24px;padding:22px;border-bottom:1px solid #eee0d3;align-items:start}
  :is(.au-main,.hp-main) .au-market-table tbody tr:last-child{border-bottom:0}
  :is(.au-main,.hp-main) .au-market-table td{display:block;min-width:0;width:auto;border:0;padding:0!important;text-align:left}
  :is(.au-main,.hp-main) .au-market-table td:first-child{grid-column:1/-1;grid-row:1}
  :is(.au-main,.hp-main) .au-market-table td:nth-child(2){grid-column:1;grid-row:2}
  :is(.au-main,.hp-main) .au-market-table td:nth-child(3){grid-column:1;grid-row:3}
  :is(.au-main,.hp-main) .au-market-table td:nth-child(4){grid-column:2;grid-row:2;text-align:right}
  :is(.au-main,.hp-main) .au-market-table td:nth-child(5){grid-column:2;grid-row:3;text-align:right}
  :is(.au-main,.hp-main) .au-market-table td:last-child{grid-column:1/-1;grid-row:4;padding-top:16px!important;border-top:1px solid #eee0d3}
  :is(.au-main,.hp-main) .au-market-table td::before{content:attr(data-label);display:block;font-size:12px;font-weight:400;line-height:1.5;margin-bottom:6px;color:#786454}
  :is(.au-main,.hp-main) .au-market-table td:first-child::before,.hp-main .au-market-table td:last-child::before{display:none}
  :is(.au-main,.hp-main) .au-market-table .au-domain{font-size:18px}
  .au-main .au-market-table .au-inline-bid{max-width:320px}
  .au-main .au-market-table .au-login-bid{width:100%;max-width:320px}
  .hp-main .au-market-table .market-action{width:100%}
}
@container market-auctions (max-width:479px){
  :is(.au-main,.hp-main) .au-market-table tbody tr{padding:20px 16px;gap:16px;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}
  :is(.au-main,.hp-main) .au-market-table .au-badge{white-space:normal}
  :is(.au-main,.hp-main) .au-market-table td:nth-child(5)>strong{white-space:normal;overflow-wrap:anywhere}
  .au-main .au-market-table .au-inline-bid,.au-main .au-market-table .au-login-bid{max-width:none}
}
@container market-auctions (max-width:319px){
  :is(.au-main,.hp-main) .au-market-table td:nth-child(3){grid-column:1/-1;grid-row:3}
  :is(.au-main,.hp-main) .au-market-table td:nth-child(5){grid-column:1/-1;grid-row:4;text-align:left}
  :is(.au-main,.hp-main) .au-market-table td:last-child{grid-row:5}
}
@container market-results (max-width:819px){
  .bo-main .bo-mobile-sort{display:flex;justify-content:flex-end;margin:0 0 12px;font-size:13px}
  .bo-main .bo-mobile-sort .bo-sort{padding:7px 0}
}
@container market-backorders (max-width:819px){
  :is(.bo-main,.hp-main) .bo-table,:is(.bo-main,.hp-main) .bo-table tbody{display:block;width:100%}
  :is(.bo-main,.hp-main) .bo-table thead{display:none}
  :is(.bo-main,.hp-main) .bo-table .bo-domain-row{display:grid;grid-template-columns:minmax(0,1fr) 148px;gap:12px 20px;padding:22px;align-items:start}
  :is(.bo-main,.hp-main) .bo-table .bo-domain-row>th{grid-column:1/-1;padding:0;text-align:left}
  :is(.bo-main,.hp-main) .bo-table .bo-domain-row>td{display:block;min-width:0;padding:0}
  :is(.bo-main,.hp-main) .bo-table .bo-time-cell{grid-column:1;grid-row:2}
  :is(.bo-main,.hp-main) .bo-table .bo-tags{grid-column:1;grid-row:3;padding:0}
  :is(.bo-main,.hp-main) .bo-table .bo-tags:empty{display:none}
  :is(.bo-main,.hp-main) .bo-table .bo-action-cell{grid-column:2;grid-row:2/4;align-self:center;width:100%}
  :is(.bo-main,.hp-main) .bo-mobile-label{display:block;margin-bottom:4px}
  :is(.bo-main,.hp-main) .bo-table .bo-domain-name{font-size:18px}
  :is(.bo-main,.hp-main) .bo-table .bo-confirm-row,:is(.bo-main,.hp-main) .bo-table .bo-confirm-row>td{display:block;width:100%}
}
@container market-backorders (max-width:419px){
  :is(.bo-main,.hp-main) .bo-table .bo-domain-row{grid-template-columns:minmax(0,1fr);gap:12px;padding:20px 16px}
  :is(.bo-main,.hp-main) .bo-table .bo-action-cell{grid-column:1;grid-row:4;width:100%}
}
