/* v626 - LIST polish (phones, iPad, desktop). Loaded LAST. Roll back: remove this <link> in index.html. */

/* search box: full width on tablet, ellipsis instead of a mid-word cut */
#avlKeyword{text-overflow:ellipsis}
@media (max-width:1024px){ .avl-kw .docket-kw-input-wrap,.docket-kw-input-wrap{max-width:100%!important} #avlKeyword{max-width:none!important}
  .m-view-2 .m-vp + .m-vp i{display:none}
  .m-view-2 .m-vp + .m-vp::before{content:"/";opacity:.45;margin:0 3px 0 1px} }

/* phones: re-balanced columns so rate / view / medal / status never touch */
@media (max-width:699px){
  .avl-m{column-gap:7px;grid-template-columns:minmax(70px,1fr) minmax(50px,.8fr) minmax(0,1.4fr) 22px 82px}
  .m-bt{flex-basis:calc(var(--l-sub)*4.3);width:calc(var(--l-sub)*4.3)}
  .m-beds{gap:3px}
  .m-bt{font-size:calc(var(--l-sub)*.9);letter-spacing:-.25px}
  .m-bt-long{font-size:calc(var(--l-sub)*.8)}
  .m-rate{padding-right:2px}
  .m-flag{overflow:hidden;width:22px}
  .m-flag .feat-mk--icon .fi3{width:calc(var(--l-val)*1.3);height:calc(var(--l-val)*1.3)}
  .m-status .avl-status-badge{max-width:100%}
  .m-view-2 .m-vp + .m-vp i{display:none}
  .m-view-2 .m-vp + .m-vp::before{content:"/";opacity:.45;margin:0 3px 0 1px}
}
@media (max-width:380px){
  .avl-m{column-gap:4px;grid-template-columns:minmax(66px,1fr) minmax(46px,.8fr) minmax(0,1.4fr) 18px 76px}
  .m-fur{min-width:20px;padding:1.5px 2px}.m-ex{min-width:20px}
  .m-flag{width:18px}
  .m-bal{display:none}
}
@media (max-width:340px){
  .m-view i{display:none}
  .m-size{padding-left:0}
  .avl-m-head .h-view{padding-left:0}
}
/* every cell clips cleanly instead of spilling into its neighbour */
.avl-m > .m-size,.avl-m > .m-view,.avl-m > .m-offer{overflow:hidden;text-overflow:ellipsis}
.avl-m > .m-flag{overflow:hidden}
.m-flag .feat-mk--icon{max-width:100%}

/* iPad: balanced columns */
@media (min-width:700px) and (max-width:1024px){
  .avl-m{column-gap:14px;grid-template-columns:minmax(110px,1.1fr) minmax(0,.9fr) minmax(0,1.4fr) minmax(0,1.1fr) 40px 100px}
  .avl-one-bld .avl-m{grid-template-columns:minmax(110px,1.1fr) minmax(0,.9fr) minmax(0,1.5fr) 40px 100px}
  .m-flag{overflow:hidden}
}

/* desktop: offer "no offer" dash matches the other columns */
.avl-offer-none{opacity:.35;font-weight:600}
@media (max-width:340px){
  .m-offer-chip{padding:0 3px;font-size:9px}
  .m-offer,.m-size{font-size:9px}
}

/* dark theme: list rows were still white behind white text (unit no. / rate unreadable). Rows follow the dark surface; status rows keep a soft tint. */
[data-theme="dark"] table.avl-table tbody tr.avl-row > td{background-color:var(--surface,#1A2331)}
[data-theme="dark"] table.avl-table tbody tr.avl-row[data-status="BOOKED"] > td,
[data-theme="dark"] table.avl-table tbody tr.avl-row[data-status="ON HOLD"] > td{background-image:linear-gradient(rgba(231,200,107,.16),rgba(231,200,107,.16))}
[data-theme="dark"] table.avl-table tbody tr.avl-row[data-status="CONTRACTED"] > td{background-image:linear-gradient(rgba(105,185,137,.16),rgba(105,185,137,.16))}
[data-theme="dark"] table.avl-table tbody tr.avl-row[data-status="DEPOSIT"] > td{background-image:linear-gradient(rgba(230,126,34,.16),rgba(230,126,34,.16))}
[data-theme="dark"] table.avl-table tbody tr.avl-row[data-status="LEASED"] > td{background-image:linear-gradient(rgba(217,83,79,.16),rgba(217,83,79,.16))}
[data-theme="dark"] .m-unit-no,[data-theme="dark"] .m-rate{color:var(--ink,#EAEEF3)}
[data-theme="dark"] .avl-m .m,[data-theme="dark"] .m-view,[data-theme="dark"] .m-bt,[data-theme="dark"] .m-size,[data-theme="dark"] .m-bld{color:var(--ink,#EAEEF3)}
[data-theme="dark"] .m-status .avl-viewings-badge{color:rgba(234,238,243,.7)}