/* AVL REFINED v355 — brand-true. Scoped to body.avl-pro; Classic (no .avl-pro) untouched.
   Palette = BrokerHub navy #0B2038 / #162D4C + sand-gold #C7A45B / #CEA577, status fills = Classic's family, slightly cleaner.
   Structure = slim rounded rows on a soft canvas · whole-row status fill · accent rail · hairlines · 10px type. */
.avt{display:inline-flex;gap:2px;padding:3px;border-radius:999px;background:var(--surface,#fff);border:1px solid var(--line,#e3e6eb);order:2}
.avt button{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border:0;border-radius:999px;background:transparent;cursor:pointer;font:inherit;font-size:11px;font-weight:800;color:var(--navy-700,#2E4F79);transition:background .25s,color .25s}
.avt button.on{background:var(--navy-900,#162D4C);color:var(--gold-400,#DDBB94)}

/* ---- section banner: same navy plate as Classic, plus a status-spectrum line ---- */
body.avl-pro .avl-sheet{margin-bottom:8px}
body.avl-pro .avl-sheet-banner{padding:4px 10px 6px;border-bottom:0;border-radius:12px 12px 0 0;background:var(--grid-header-bg,#0B2038);box-shadow:0 3px 10px rgba(9,22,38,.22)}
body.avl-pro .avl-sheet.is-collapsed .avl-sheet-banner{border-radius:12px}
.avl-dist{position:absolute;left:0;right:0;bottom:0;height:3px;display:flex;gap:1px;pointer-events:none;background:var(--gold-500,#CEA577)}
.avl-dist span{flex:var(--n) 1 0;background:var(--c);transform-origin:left;animation:arGrow .6s cubic-bezier(.2,.9,.25,1) both}
body.avl-pro .avl-sheet.is-collapsed .avl-dist{border-radius:0 0 12px 12px;overflow:hidden}

/* ---- frame: soft navy-tinted canvas the rows sit on ---- */
body.avl-pro .avl-sheet .avl-table-wrap{background:#ecf0f6;border:1px solid rgba(22,45,76,.16);border-top:0;border-radius:0 0 12px 12px}
body.avl-pro .avl-table-wrap>table.avl-table{border-spacing:0 2px;margin-top:-2px}
body.avl-pro table.avl-table thead th{font-size:8.5px;font-weight:800;letter-spacing:.13em;line-height:1.1;padding:4px 6px;color:var(--grid-header-text,#C7A45B);background:var(--grid-header-bg,#0B2038);border-bottom:2px solid var(--gold-500,#CEA577);border-right:1px solid rgba(199,164,91,.16)}

/* ---- status system (accent = rail/border/pill dot; fill = whole row; ink = text) ---- */
body.avl-pro table.avl-table tbody tr.avl-row{
  --acc:#2E4F79;--bg:#f8fafd;--ink:#1a2f4c;--hatch:none;
  --bg2:color-mix(in srgb,var(--bg) 93%,#162D4C);
  position:relative;cursor:pointer;animation:arIn .24s ease-out both;animation-delay:calc(min(var(--i,0),18)*8ms)}
body.avl-pro table.avl-table tbody tr.avl-row[data-status="BOOKED"]{--acc:#D4A017;--bg:#FFF2BF}
body.avl-pro table.avl-table tbody tr.avl-row[data-status="DEPOSIT"]{--acc:#E07B2E;--bg:#FFE1CB}
body.avl-pro table.avl-table tbody tr.avl-row[data-status="CONTRACTED"]{--acc:#2F8F63;--bg:#D3EADB}
body.avl-pro table.avl-table tbody tr.avl-row[data-status="LEASED"]{--acc:#C8453B;--bg:#F8D3CF}
body.avl-pro table.avl-table tbody tr.avl-row[data-status="ON HOLD"]{--acc:#B9822A;--bg:#F9E7C9;--hatch:repeating-linear-gradient(135deg,rgba(185,130,42,.13) 0 4px,transparent 4px 8px)}
body.avl-pro table.avl-table tbody tr.avl-row[data-status="OUT OF MARKET"]{--acc:#8794A5;--bg:#E9EDF2;--ink:#5B687B;--hatch:repeating-linear-gradient(135deg,rgba(100,116,139,.13) 0 4px,transparent 4px 8px)}

/* ---- cells ---- */
body.avl-pro table.avl-table tbody tr.avl-row>td{
  font-family:inherit;font-size:10px;font-weight:500;line-height:1.15;letter-spacing:.005em;font-variant-numeric:tabular-nums;color:var(--ink);padding:2px 6px;
  background-color:var(--bg)!important;background-image:var(--hatch);
  border:0;border-right:1px solid rgba(22,45,76,.07);border-bottom:1px solid color-mix(in srgb,var(--acc) 32%,transparent);
  transition:background-color .15s,box-shadow .15s}
body.avl-pro table.avl-table tbody tr.avl-row[data-z="1"]>td{background-color:var(--bg2)!important}
body.avl-pro table.avl-table tbody tr.avl-row>td:first-child{border-radius:7px 0 0 7px;box-shadow:inset 4px 0 0 var(--acc)}
body.avl-pro table.avl-table tbody tr.avl-row>td:last-child{border-radius:0 7px 7px 0;border-right:0}
body.avl-pro table.avl-table tbody tr.avl-row>td.avl-col-building{font-weight:600}
body.avl-pro table.avl-table tbody tr.avl-row>td.avl-col-unit,body.avl-pro table.avl-table tbody tr.avl-row>td.avl-col-rate{font-weight:700}

/* ---- compact controls (brand gold/navy) ---- */
body.avl-pro .avl-select-chk{width:15px;height:15px;border-radius:4px;background:rgba(255,255,255,.75)}
body.avl-pro .avl-select-chk i{font-size:8px}
body.avl-pro .avl-expand-btn{width:16px;height:16px}
body.avl-pro .avl-expand-ic{font-size:8px}
body.avl-pro table.avl-table tbody tr.avl-row:hover .avl-expand-btn{transform:none}
body.avl-pro .avl-viewings-badge{margin-left:5px;padding:0 6px;font-size:9px;line-height:14px;background:rgba(255,255,255,.7)}

/* ---- status pill: light, bordered, tiny — same family as Classic ---- */
body.avl-pro .avl-status-badge{gap:3px;padding:1px 7px 1px 3px;font-size:8px;letter-spacing:.09em;background:rgba(255,255,255,.72)!important;border:1px solid color-mix(in srgb,var(--acc) 55%,transparent)!important;color:#1a2f4c!important;box-shadow:none}
body.avl-pro .avl-status-badge i{width:10px;height:10px;font-size:6px;background:var(--acc)!important;color:#fff!important}
body.avl-pro .avl-status-badge.is-editable{padding-right:15px}
body.avl-pro .avl-status-badge .avl-status-caret{right:5px;font-size:6.5px}
body.avl-pro .avl-status-badge.is-editable:hover{background:#fff!important}

/* ---- hover / open ---- */
@media (hover:hover){
body.avl-pro table.avl-table tbody tr.avl-row:hover>td{background-color:color-mix(in srgb,var(--bg) 62%,#fff)!important;box-shadow:inset 0 1px 0 color-mix(in srgb,var(--acc) 55%,transparent),inset 0 -1px 0 color-mix(in srgb,var(--acc) 55%,transparent)}
body.avl-pro table.avl-table tbody tr.avl-row:hover>td:first-child{box-shadow:inset 7px 0 0 var(--acc),inset 0 1px 0 color-mix(in srgb,var(--acc) 55%,transparent),inset 0 -1px 0 color-mix(in srgb,var(--acc) 55%,transparent)}
}
body.avl-pro table.avl-table tbody tr.avl-row.is-open>td{background-color:#fffaf0!important;background-image:none;color:#162D4C;filter:none;box-shadow:inset 0 1px 0 var(--gold-500,#CEA577),inset 0 -1px 0 var(--gold-500,#CEA577)}
body.avl-pro table.avl-table tbody tr.avl-row.is-open>td:first-child{box-shadow:inset 7px 0 0 var(--gold-500,#CEA577),inset 0 1px 0 var(--gold-500,#CEA577),inset 0 -1px 0 var(--gold-500,#CEA577)}
body.avl-pro table.avl-table tbody tr.avl-detail-row.is-open .avl-detail-panel{animation:arDetail .28s ease-out both}

/* ---- small values ---- */
body.avl-pro .avl-yn{display:inline-flex;align-items:center;gap:4px;font-size:inherit;font-weight:inherit}
body.avl-pro .avl-yn::before{content:"";width:6px;height:6px;border-radius:50%;flex:none}
body.avl-pro .avl-yn.is-yes{color:inherit}body.avl-pro .avl-yn.is-yes::before{background:#2F8F63;box-shadow:0 0 0 2.5px rgba(47,143,99,.2)}
body.avl-pro .avl-yn.is-no{color:inherit;opacity:.55}body.avl-pro .avl-yn.is-no::before{box-shadow:inset 0 0 0 1.5px currentColor}
body.avl-pro .avl-dim{color:inherit;opacity:.5;font-size:inherit;font-weight:500}
body.avl-pro .avl-offer-chip{padding:0 7px;line-height:14px;border-radius:999px;font-size:9px;font-weight:800;letter-spacing:.05em;color:#6E4A10;background:#F7EAD2;border:1px solid var(--gold-500,#CEA577)}
body.avl-pro table.avl-table tbody tr.avl-row>td:empty:not(.avl-col-confidential)::after{color:inherit;opacity:.3}

/* ---- space: no fixed widths, Remarks (or Offer) absorbs the slack ---- */
@media (min-width:721px){
body.avl-pro table.avl-table th.avl-col-select,body.avl-pro table.avl-table td.avl-col-select{width:24px;min-width:24px;padding:0 1px 0 6px}
body.avl-pro table.avl-table th.avl-col-expand,body.avl-pro table.avl-table td.avl-col-expand{width:20px;min-width:20px;padding:0 4px 0 0;border-right-color:transparent}
body.avl-pro table.avl-table th.avl-col-building,body.avl-pro table.avl-table td.avl-col-building,
body.avl-pro table.avl-table th.avl-col-unit,body.avl-pro table.avl-table td.avl-col-unit,
body.avl-pro table.avl-table th.avl-col-offer,body.avl-pro table.avl-table td.avl-col-offer,
body.avl-pro table.avl-table th.avl-col-util,body.avl-pro table.avl-table td.avl-col-util,
body.avl-pro table.avl-table th.avl-col-status,body.avl-pro table.avl-table td.avl-col-status{min-width:0}
body.avl-pro .avl-sheet.avl-no-remarks th.avl-col-offer,body.avl-pro .avl-sheet.avl-no-remarks td.avl-col-offer{width:100%}
}
@media (min-width:900px){
body.avl-pro table.avl-table th.avl-col-remarks,body.avl-pro table.avl-table td.avl-col-remarks{width:100%;min-width:90px}
body.avl-pro table.avl-table tbody td.avl-col-remarks{max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}
}
@media (max-width:720px){body.avl-pro table.avl-table tbody tr.avl-row>td{padding:2px 5px}body.avl-pro table.avl-table tbody td.avl-col-remarks{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}

/* ---- dark mode ---- */
[data-theme="dark"] body.avl-pro .avl-sheet .avl-table-wrap{background:#0a1424;border-color:rgba(199,164,91,.2)}
[data-theme="dark"] body.avl-pro table.avl-table tbody tr.avl-row{--bg:color-mix(in srgb,var(--acc) 24%,#0d1829);--bg2:color-mix(in srgb,var(--acc) 31%,#0d1829);--ink:color-mix(in srgb,var(--acc) 18%,#fff)}
[data-theme="dark"] body.avl-pro table.avl-table tbody tr.avl-row>td{border-right-color:rgba(255,255,255,.07)}
[data-theme="dark"] body.avl-pro table.avl-table tbody tr.avl-row.is-open>td{background-color:#16253d!important;color:#fff}

@keyframes arIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@keyframes arDetail{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@keyframes arGrow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media (prefers-reduced-motion:reduce){body.avl-pro table.avl-table tbody tr.avl-row,body.avl-pro table.avl-table tbody tr.avl-detail-row.is-open .avl-detail-panel,.avl-dist span{animation:none}body.avl-pro table.avl-table tbody tr.avl-row>td{transition:none}}