/* Casa Barcelona brand touches inside the ORYKSA dashboard. */
.biz-mark { font-size: 22px; font-weight: 800; }
.pthumb { border-radius: 8px; object-fit: cover; flex: none; }
.ls-grid { grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); }
.ls-price { font-size: 17px; color: var(--biz); }
.item-img .badge.op-sale { background: #B4532A; color: #fff; }
.item-img .badge.op-rent { background: #2C6E8F; color: #fff; }
.item-img .badge.r.ls-reserved { background: #1F2433; }
.item-img .badge.r.ls-sold, .item-img .badge.r.ls-let { background: #15803D; }
.ls-stats { display: flex; flex-wrap: wrap; gap: 12px; font-size: 12.5px; color: var(--muted); }
.ls-stats span { display: inline-flex; align-items: center; gap: 4px; }
.ls-agent { display: flex; align-items: center; gap: 8px; font-size: 12.5px; color: var(--muted); margin-top: 2px; }
.pill.stage-new { background: var(--indigo-soft); color: var(--indigo); }
.pill.stage-contacted { background: var(--info-bg); color: var(--info); }
.pill.stage-viewing { background: var(--warn-bg); color: var(--warn); }
.pill.stage-offer { background: #FBE9E1; color: #9A3F1B; }
.pill.stage-won { background: var(--ok-bg); color: var(--ok); }
.pill.stage-lost { background: var(--neutral-bg); color: var(--muted); }
.tg-hot { background: #FDECE7; color: #C2410C; }
.tg-investor { background: var(--indigo-soft); color: var(--indigo); }
.tg-international { background: var(--info-bg); color: var(--info); }
.tg-financing { background: #FEF3E2; color: #B45309; }
.tg-cash { background: var(--ok-bg); color: var(--ok); }
.board.pipe { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.ld-card .ord-h { display: flex; align-items: center; gap: 8px; }
.ld-card .ord-h b { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ld-prop { display: flex; align-items: center; gap: 8px; font-size: 12.5px; color: var(--muted); min-width: 0; }
.ld-prop span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tm-stats { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 1400px) { .board.pipe { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 760px) { .board.pipe { grid-template-columns: minmax(0, 1fr); } }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .pill.stage-offer { background: #3A1E12; color: #F7A27A; } :root:not([data-theme="light"]) .tg-hot { background: #3A1E12; color: #FB923C; } :root:not([data-theme="light"]) .tg-financing { background: #33270F; color: #FBBF24; } }
:root[data-theme="dark"] .pill.stage-offer { background: #3A1E12; color: #F7A27A; } :root[data-theme="dark"] .tg-hot { background: #3A1E12; color: #FB923C; } :root[data-theme="dark"] .tg-financing { background: #33270F; color: #FBBF24; }
.ld-card .ord-h { justify-content: flex-start; }
/* clickable records */
.tbl tr.click:hover { background: var(--hover); } .tbl tr.click:focus-visible { outline: 2px solid var(--indigo); outline-offset: -2px; }
.rec { cursor: pointer; transition: border-color .15s, box-shadow .15s; } .rec:hover { border-color: var(--indigo); box-shadow: 0 4px 14px rgba(0,0,0,.07); } .rec:focus-visible { outline: 2px solid var(--indigo); outline-offset: 2px; }
.top-list li.rec, .deliv li.rec { border-radius: 10px; } .top-list li.rec:hover, .deliv li.rec:hover { background: var(--hover); box-shadow: none; }
.ph-grid .ph-o, .ph-grid .ph-up { aspect-ratio: auto; height: 84px; } /* fixed tile height: aspect-ratio tiles collapse inside the scrolling picker */