/* Real Estate — ZAD luxury property-operations craft (v42) */
.re-page {
  --re-paper: #e8f0f4;
  --re-surface: #ffffff;
  --re-surface-alt: #f3f8fb;
  --re-line: #c5d4de;
  --re-line-soft: #dce7ee;
  --re-ink: #122433;
  --re-ink-soft: #4a6272;
  /* Deep teal chrome family — not purple, not cream */
  --re-accent: #276081;
  --re-accent-soft: #3a8db8;
  --re-accent-ink: #1a4a66;
  --re-accent-deep: #143a52;
  --re-accent-wash: #e4f0f6;
  --re-chrome-from: #1a4a66;
  --re-chrome-to: #276081;
  --re-vacant: #1f9d55;
  --re-vacant-deep: #167a40;
  --re-rented: #c43c4a;
  --re-rented-deep: #9b2c38;
  --re-draft: #64748b;
  --re-active: #276081;
  --re-warn: #c9922a;
  --re-info: #2f7fa8;
  /* legacy aliases */
  --re-parchment: #eef4f7;
  --re-parchment-deep: #dde8ef;
  --re-slate: #2a4050;
  --re-sand: #e8f0f4;
  --re-shadow: 0 8px 28px rgba(26, 74, 102, .14);
  --re-shadow-soft: 0 2px 10px rgba(26, 74, 102, .08);
  font-family: "IBM Plex Sans Arabic", "Outfit", system-ui, sans-serif;
}
.re-page.re-cockpit,
.re-page.re-lux {
  position: relative;
  isolation: isolate;
  background:
    radial-gradient(ellipse 90% 55% at 50% -10%, rgba(57, 140, 188, .14), transparent 58%),
    linear-gradient(165deg, rgba(232, 240, 244, .94) 0%, rgba(210, 228, 238, .9) 42%, rgba(236, 244, 248, .96) 100%),
    repeating-linear-gradient(0deg, transparent, transparent 11px, rgba(26, 74, 102, .028) 11px, rgba(26, 74, 102, .028) 12px),
    repeating-linear-gradient(90deg, transparent, transparent 11px, rgba(26, 74, 102, .02) 11px, rgba(26, 74, 102, .02) 12px);
  border: 1px solid rgba(39, 96, 129, .2);
  border-radius: 16px;
  padding: .7rem .8rem 1.25rem;
  margin-bottom: .55rem;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .72),
    inset 0 0 80px rgba(26, 74, 102, .05),
    0 14px 40px rgba(20, 58, 82, .12);
}
.re-page.re-cockpit::before,
.re-page.re-lux::before {
  content: "";
  position: absolute; inset: 0; border-radius: inherit; pointer-events: none; z-index: -1;
  background:
    radial-gradient(ellipse 80% 45% at 100% 0%, rgba(57, 140, 188, .22), transparent 55%),
    radial-gradient(ellipse 60% 40% at 0% 100%, rgba(26, 74, 102, .16), transparent 50%),
    radial-gradient(ellipse 50% 30% at 50% 100%, rgba(20, 58, 82, .08), transparent 60%);
}
.re-page.re-lux::after {
  content: "";
  position: absolute; inset: 0; border-radius: inherit; pointer-events: none; z-index: 0;
  box-shadow: inset 0 0 90px rgba(18, 36, 51, .12);
  mix-blend-mode: multiply;
  opacity: .55;
}
.re-page.re-lux > *:not(.re-modal-backdrop) { position: relative; z-index: 1; }

/* Light operations bar — replaces the old filled/ink toolbar */
.re-toolbar, .re-ops-bar {
  display: flex; flex-wrap: wrap; align-items: center; gap: .6rem;
  margin-bottom: .65rem; padding: .5rem .75rem;
  background: var(--re-surface);
  border: 1px solid var(--re-line);
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(22, 36, 46, .04);
}
/* Same accent rule as the assets header so the module reads as one screen family */
.re-ops-bar { box-shadow: inset 0 3px 0 var(--re-accent); }
.re-toolbar h3, .re-ops-bar h3 {
  margin: 0; font-size: .92rem; font-weight: 700; color: var(--re-accent);
  display: inline-flex; align-items: baseline; gap: .35rem;
}
.re-toolbar h3 .muted, .re-ops-bar h3 .muted { color: var(--re-ink-soft) !important; font-weight: 600; font-size: .8rem; }
.re-ops-bar-title { display: flex; align-items: center; gap: .3rem; margin-inline-end: .35rem; }
.re-ops-bar-title small { font-size: .68rem; color: var(--re-ink-soft); }
.re-toolbar-actions, .re-ops-bar-actions { display: flex; flex-wrap: wrap; gap: .4rem; align-items: center; margin-inline-start: auto; }
.re-ops-field { display: flex; flex-direction: column; gap: .12rem; font-size: .66rem; color: var(--re-ink-soft); font-weight: 650; }
.re-ops-field .field-input { min-height: 1.95rem; font-size: .8rem; padding: .25rem .45rem; max-width: 9.5rem; }
/* Date pickers need room for the native calendar button, search gets the slack. */
.re-ops-field input[type="date"].field-input { max-width: 9.5rem; }
.re-ops-field--search { flex: 1 1 11rem; min-width: 9rem; }
.re-ops-field--search .field-input { width: 100%; max-width: 20rem; }
/* Wide screens keep filters + action button on one line; search absorbs the slack. */
@media (min-width: 1100px) {
  .re-ops-bar { flex-wrap: nowrap; }
  .re-ops-bar-title, .re-ops-field, .re-switch, .re-ops-bar-actions { flex: 0 0 auto; }
  .re-ops-field--search { flex: 1 1 11rem; }
  .re-ops-bar-actions { flex-wrap: nowrap; }
}
.re-ops-sep { width: 1px; align-self: stretch; background: var(--re-line-soft); margin: 0 .15rem; }
.re-switch { display: inline-flex; align-items: center; gap: .35rem; font-size: .75rem; color: var(--re-ink-soft); cursor: pointer; user-select: none; white-space: nowrap; }
.re-switch input { accent-color: var(--re-accent); }

.re-chip-row { display: flex; flex-wrap: wrap; gap: .35rem; align-items: center; margin-bottom: .65rem; }
.re-chip {
  display: inline-flex; align-items: center; gap: .3rem;
  min-height: 30px; padding: .28rem .7rem; border-radius: 6px;
  border: 1px solid var(--re-line); background: var(--re-surface); color: var(--re-ink);
  font-weight: 650; font-size: .8rem; cursor: pointer; transition: .12s ease;
}
.re-chip:hover { background: var(--re-accent-wash); border-color: var(--re-accent-soft); }
.re-chip.is-selected {
  background: var(--re-accent); color: #fff; border-color: var(--re-accent);
}
.re-chip-actions { display: inline-flex; gap: .15rem; }
.re-icon-btn {
  border: none; background: transparent; cursor: pointer; padding: .25rem .4rem;
  color: var(--re-accent); border-radius: 5px; font-size: .9rem;
}
.re-icon-btn.danger { color: #c0392b; }
.re-icon-btn:hover { background: rgba(0,0,0,.06); }

.re-unit-grid {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: .65rem; margin-top: .25rem;
}
.re-unit-card {
  position: relative; border-radius: 14px; overflow: hidden;
  border: 1px solid var(--re-line); background: var(--re-surface);
  min-height: 168px;
  display: flex; flex-direction: column;
  transition: box-shadow .18s, border-color .18s, transform .18s;
  box-shadow: 0 2px 8px rgba(26, 74, 102, .06);
}
.re-unit-card:hover {
  box-shadow: var(--re-shadow);
  border-color: var(--re-accent-soft);
  transform: translateY(-2px);
}
.re-unit-card--photo {
  background-image: linear-gradient(180deg, rgba(15,23,42,.55) 0%, rgba(15,23,42,.75) 100%), var(--re-unit-photo);
  background-size: cover; background-position: center;
  color: #fff;
}
.re-unit-card--photo .re-unit-meta, .re-unit-card--photo .muted { color: rgba(255,255,255,.85); }
.re-unit-card--photo .re-unit-code { color: #fff; text-shadow: 0 1px 3px rgba(0,0,0,.4); }
.re-unit-card--photo .re-unit-card-top { background: rgba(0,0,0,.35); color: #fff; }
.re-unit-card--photo .re-unit-foot { border-top-color: rgba(255,255,255,.2); }
.re-section-title { margin: 1rem 0 .35rem; font-size: .95rem; color: var(--re-accent); }
.re-media-panel { margin-top: .5rem; display: grid; gap: .5rem; }
.re-media-grid { display: flex; flex-wrap: wrap; gap: .65rem; }
.re-media-thumb {
  width: 96px; border-radius: 8px; overflow: hidden; border: 2px solid transparent;
  background: #f3f4f6; position: relative;
}
.re-media-thumb.is-primary { border-color: var(--re-accent-soft); }
.re-media-thumb img { width: 100%; height: 72px; object-fit: cover; display: block; }
.re-media-actions { display: flex; flex-wrap: wrap; gap: .15rem; padding: .25rem; font-size: .65rem; }
.re-broker-preview { max-height: 48px; vertical-align: middle; border-radius: 6px; }
.re-broker-card-img { width: 100%; height: 120px; object-fit: cover; border-radius: 8px 8px 0 0; margin: -0.5rem -0.5rem 0.5rem; }
.re-unit-card.is-vacant {
  border-color: rgba(31, 157, 85, .28);
  border-inline-start: 4px solid var(--re-vacant);
  border-block-start: 1px solid rgba(31, 157, 85, .18);
}
.re-unit-card.is-rented {
  border-color: rgba(196, 60, 74, .22);
  border-inline-start: 4px solid var(--re-rented);
  border-block-start: 1px solid rgba(196, 60, 74, .14);
}
.re-unit-card-top {
  display: flex; justify-content: space-between; align-items: center; gap: .35rem;
  padding: .4rem .65rem; font-size: .68rem; font-weight: 650;
  border-bottom: 1px solid var(--re-line-soft);
  background: transparent; color: var(--re-ink-soft);
  min-height: 0;
}
/* Soft status — NEVER a fat filled red/green header band */
.re-unit-card.is-vacant .re-unit-card-top {
  background: linear-gradient(180deg, rgba(31,157,85,.08), transparent);
  color: #155724; border-bottom-color: rgba(31,157,85,.12);
}
.re-unit-card.is-rented .re-unit-card-top {
  background: linear-gradient(180deg, rgba(196,60,74,.07), transparent);
  color: #842029; border-bottom-color: rgba(196,60,74,.1);
}
.re-unit-card.is-vacant .re-unit-card-top .re-badge.vacant,
.re-unit-card.is-rented .re-unit-card-top .re-badge.rented {
  background: transparent !important; color: inherit; font-weight: 800; padding: 0;
  border-radius: 0; box-shadow: none;
}
.re-unit-card.is-vacant .re-unit-foot { background: #f7fcf8; }
.re-unit-card.is-rented .re-unit-foot { background: #fcf8f9; }
.re-unit-code {
  font-size: 1.45rem; font-weight: 800; text-align: center;
  padding: .7rem .5rem .25rem; letter-spacing: .06em; color: var(--re-accent-ink);
  font-family: "Outfit", "IBM Plex Sans Arabic", system-ui, sans-serif;
}
.re-unit-meta { text-align: center; font-size: .72rem; color: var(--re-ink-soft); padding: 0 .5rem .45rem; }
.re-unit-foot {
  margin-top: auto; display: flex; justify-content: space-between; align-items: center;
  padding: .3rem .5rem; border-top: 1px solid var(--re-line-soft); background: var(--re-surface-alt);
}
.re-badge {
  display: inline-block; padding: .15rem .55rem; border-radius: 999px;
  font-size: .7rem; font-weight: 700;
}
.re-badge.vacant { background: var(--re-vacant); color: #fff; }
.re-badge.rented { background: var(--re-rented); color: #fff; }
.re-badge.draft { background: var(--re-draft); color: #fff; }
.re-badge.active { background: var(--re-active); color: #fff; }
.re-badge.finished { background: #94a3b8; color: #fff; }
.re-badge.kind { background: var(--re-accent-wash); color: var(--re-accent-ink); border: 1px solid rgba(39, 96, 129, .2); }

.re-page .re-modal-backdrop,
.re-modal-backdrop {
  position: fixed !important;
  inset: 0 !important;
  z-index: 12000 !important;
  background: rgba(12, 24, 34, .55);
  display: flex; align-items: center; justify-content: center;
  padding: 1.25rem 1rem; overflow: auto;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  animation: re-modal-in .18s ease-out;
}
.re-modal {
  width: min(1100px, 100%); background: var(--re-surface); border-radius: 12px;
  box-shadow:
    0 28px 64px rgba(10, 28, 40, .38),
    0 8px 24px rgba(10, 28, 40, .22),
    0 0 0 1px rgba(255,255,255,.08);
  overflow: hidden;
  border: 1px solid var(--re-line);
  transform: translateZ(0);
  animation: re-modal-rise .2s ease-out;
  max-height: calc(100vh - 2rem);
  display: flex; flex-direction: column;
}
.re-modal > .re-modal-body,
.re-modal > .re-bld-modal-body { overflow: auto; flex: 1 1 auto; }
@keyframes re-modal-in {
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes re-modal-rise {
  from { opacity: 0; transform: translate3d(0, 10px, 0) scale(.985); }
  to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}
/* Escape page isolation so fixed overlay stacks above sidebar/header */
.re-page.re-lux:has(.re-modal-backdrop),
.re-page.re-cockpit:has(.re-modal-backdrop) {
  isolation: auto;
}
.re-modal-lg { width: min(1280px, 100%); }
.re-modal-xl { width: min(1440px, 98vw); max-height: calc(100vh - 2rem); display: flex; flex-direction: column; }
.re-modal-xl .re-modal-body { overflow: auto; flex: 1 1 auto; }
/* White header with a hairline + thin accent rule — never a filled colour band */
.re-modal-header {
  display: flex; align-items: center; justify-content: space-between; gap: .75rem;
  padding: .7rem 1rem; background: var(--re-surface); color: var(--re-ink);
  border-bottom: 1px solid var(--re-line);
  box-shadow: inset 0 3px 0 var(--re-accent);
}
.re-modal-header h3 { margin: 0; font-size: .98rem; font-weight: 750; color: var(--re-ink); }
.re-modal-header small { display: block; font-size: .7rem; font-weight: 500; color: var(--re-ink-soft); }

/* Wave D — ERPSYS XL modal chrome (#276081) */
.re-modal-chrome {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .55rem .85rem;
  padding: .7rem 1rem;
  background-image:
    linear-gradient(180deg, rgba(255,255,255,.16) 0%, rgba(255,255,255,0) 42%),
    linear-gradient(105deg, #1a4a66 0%, #276081 60%, #2f6f94 100%);
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.28), 0 4px 14px rgba(26,74,102,.28);
}
.re-modal-chrome h3 { margin: 0; font-size: 1rem; font-weight: 800; color: #fff; }
.re-modal-chrome small { display: block; margin-top: .15rem; font-size: .7rem; font-weight: 500; color: rgba(255,255,255,.82); }
.re-modal-chrome-actions { display: inline-flex; align-items: center; gap: .35rem; margin-inline-start: auto; }
.re-modal-chrome-btn {
  border: 1px solid rgba(255,255,255,.35); background: transparent; color: #fff;
  padding: .28rem .7rem; border-radius: 5px; font-size: .78rem; font-weight: 700; cursor: pointer;
}
.re-modal-chrome-btn:hover { background: rgba(255,255,255,.14); }
.re-modal-chrome-btn:disabled { opacity: .55; cursor: not-allowed; }

.re-erp-chrome-count { font-weight: 650; opacity: .85; font-size: .82rem; margin-inline-start: .15rem; color: var(--re-ink-soft); }
.re-erp-chrome-link {
  color: var(--re-accent-ink); font-size: .76rem; font-weight: 650; text-decoration: none;
  padding: .22rem .55rem; border-radius: 6px; border: 1px solid var(--re-line);
  background: #fff;
}
.re-erp-chrome-link:hover { background: var(--re-accent-wash); color: var(--re-accent); }
.re-erp-chrome-total {
  display: inline-flex; align-items: baseline; gap: .35rem;
  font-size: .72rem; color: var(--re-ink-soft);
}
.re-erp-chrome-total b { font-size: .88rem; font-variant-numeric: tabular-nums; color: var(--re-accent-ink); }
.re-erp-filter-search { flex: 1 1 12rem; min-width: 10rem; max-width: 22rem; }
.re-erp-filter-switch { align-self: center; margin-bottom: .15rem; color: var(--re-ink-soft); }

.re-sheet-tabs--chrome {
  background: var(--re-accent-wash); border-bottom: 1px solid var(--re-line);
  padding: 0 .5rem; gap: .1rem;
}
.re-sheet-tabs--chrome .re-sheet-tab {
  font-weight: 700; font-size: .8rem; padding: .55rem .85rem;
  border-bottom-width: 3px;
}
.re-sheet-tabs--chrome .re-sheet-tab.is-on {
  color: #fff; background: var(--re-accent); border-bottom-color: var(--re-accent);
  border-radius: 5px 5px 0 0;
}
.re-modal-body { padding: 1rem; background: var(--re-paper); }
.re-modal-cols {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: .75rem;
}
@media (max-width: 1100px) { .re-modal-cols { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .re-modal-cols { grid-template-columns: 1fr; } }
.re-modal-section {
  border: 1px solid var(--re-line); border-radius: 8px; padding: .7rem .75rem;
  background: var(--re-surface);
}
.re-modal-section h4 {
  margin: 0 0 .6rem; padding-bottom: .4rem; font-size: .8rem; color: var(--re-accent);
  display: flex; align-items: center; gap: .35rem; text-transform: uppercase; letter-spacing: .04em;
  border-bottom: 1px solid var(--re-line-soft);
}
.re-calc { font-size: .8rem; margin-top: .35rem; }
.re-calc.neg { color: #c0392b; font-weight: 650; }
.re-calc.pos { color: #1a9a5c; font-weight: 650; }

.re-kanban {
  display: grid; grid-template-columns: repeat(3, minmax(220px, 1fr)); gap: .85rem; align-items: start;
}
.re-kanban--two { grid-template-columns: repeat(2, minmax(220px, 1fr)); }
@media (max-width: 900px) { .re-kanban, .re-kanban--two { grid-template-columns: 1fr; } }
.re-kanban-col {
  background: var(--re-surface-alt); border-radius: 8px; min-height: 280px; overflow: hidden;
  border: 1px solid var(--re-line);
}
.re-kanban-col.draft { border-color: #338127; }
.re-kanban-col.active { border-color: #a89933; }
.re-kanban-col.finished { border-color: #276081; }
.re-kanban-head {
  padding: .45rem .7rem; font-weight: 700; font-size: .8rem;
  display: flex; justify-content: space-between; align-items: center;
  background: var(--re-surface); color: var(--re-ink);
  border-bottom: 1px solid var(--re-line);
  text-transform: uppercase; letter-spacing: .04em;
}
.re-kanban-head b { font-variant-numeric: tabular-nums; font-size: .85rem; }
/* Soft kanban status — wash + inset edge, never solid empty color bars */
.re-kanban-head--solid,
.re-kanban-head--soft {
  margin: .35rem; border-radius: 6px; border: 1px solid var(--re-line-soft);
  text-transform: none; letter-spacing: .01em;
  font-size: .85rem; min-height: 2.05rem; font-weight: 750;
}
.re-kanban-col.draft .re-kanban-head--solid,
.re-kanban-col.draft .re-kanban-head--soft {
  background: #f1faf3; color: #155724; border-color: rgba(40,167,69,.22);
  box-shadow: inset 3px 0 0 #28a745;
}
.re-kanban-col.active .re-kanban-head--solid,
.re-kanban-col.active .re-kanban-head--soft {
  background: #f8f6ec; color: #6b5a12; border-color: rgba(168,153,51,.28);
  box-shadow: inset 3px 0 0 #a89933;
}
.re-kanban-col.finished .re-kanban-head--solid,
.re-kanban-col.finished .re-kanban-head--soft {
  background: #f1f5f9; color: #475569; border-color: rgba(148,163,184,.35);
  box-shadow: inset 3px 0 0 #94a3b8;
}
.re-kanban-col.draft .re-kanban-head:not(.re-kanban-head--solid):not(.re-kanban-head--soft) { box-shadow: inset 3px 0 0 #28a745; }
.re-kanban-col.active .re-kanban-head:not(.re-kanban-head--solid):not(.re-kanban-head--soft) { box-shadow: inset 3px 0 0 #a89933; }
.re-kanban-col.finished .re-kanban-head:not(.re-kanban-head--solid):not(.re-kanban-head--soft) { box-shadow: inset 3px 0 0 #94a3b8; }
[dir="rtl"] .re-kanban-col.draft .re-kanban-head--solid,
[dir="rtl"] .re-kanban-col.draft .re-kanban-head--soft,
[dir="rtl"] .re-kanban-col.draft .re-kanban-head:not(.re-kanban-head--solid):not(.re-kanban-head--soft) { box-shadow: inset -3px 0 0 #28a745; }
[dir="rtl"] .re-kanban-col.active .re-kanban-head--solid,
[dir="rtl"] .re-kanban-col.active .re-kanban-head--soft,
[dir="rtl"] .re-kanban-col.active .re-kanban-head:not(.re-kanban-head--solid):not(.re-kanban-head--soft) { box-shadow: inset -3px 0 0 #a89933; }
[dir="rtl"] .re-kanban-col.finished .re-kanban-head--solid,
[dir="rtl"] .re-kanban-col.finished .re-kanban-head--soft,
[dir="rtl"] .re-kanban-col.finished .re-kanban-head:not(.re-kanban-head--solid):not(.re-kanban-head--soft) { box-shadow: inset -3px 0 0 #94a3b8; }
.re-kanban-body { padding: .5rem; display: flex; flex-direction: column; gap: .45rem; }
.re-kanban-empty { padding: 1.25rem .5rem; text-align: center; font-size: .75rem; color: var(--re-ink-soft); }
.re-lease-card {
  background: var(--re-surface);
  border-radius: 8px; padding: .6rem .7rem;
  border: 1px solid var(--re-line);
  transition: box-shadow .12s, border-color .12s;
}
.re-lease-card:hover { border-color: var(--re-accent-soft); box-shadow: 0 2px 8px rgba(22, 36, 46, .08); }
.re-lease-card h5 { margin: 0 0 .35rem; font-size: .88rem; }
.re-lease-card p { margin: .15rem 0; font-size: .75rem; color: var(--re-ink-soft); }
.re-lease-actions { display: flex; gap: .3rem; margin-top: .5rem; padding-top: .45rem; border-top: 1px solid var(--re-line-soft); flex-wrap: wrap; }

.re-tenant-grid {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: .85rem;
}
.re-tenant-card {
  border-radius: 12px; padding: 1rem .85rem; text-align: center;
  background: #fde9d8; border: 1px solid rgba(205,156,128,.35);
  min-height: 160px; position: relative;
}
.re-tenant-card .avatar {
  width: 64px; height: 64px; border-radius: 50%; margin: 0 auto .55rem;
  background: #e8c4a8; display: grid; place-items: center; font-size: 1.6rem;
}
.re-tenant-card .code { font-size: .72rem; color: #666; }
.re-tenant-card .name { font-weight: 700; margin-top: .25rem; }

.re-kpi-grid {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: .65rem; margin-bottom: 1rem;
}
.re-kpi {
  border-radius: 12px; padding: .85rem; text-align: center;
  border: 1px solid rgba(0,0,0,.06); background: #fff;
}
.re-kpi span { display: block; font-size: .75rem; color: #666; margin-bottom: .25rem; }
.re-kpi strong { font-size: 1.45rem; font-weight: 800; color: #1a2b3c; }
.re-kpi.buildings { background: #e8f1fb; }
.re-kpi.units { background: #fde8d8; }
.re-kpi.vacant { background: #e6f7ee; }
.re-kpi.rented { background: #fce4e4; }
.re-kpi.money { background: #eef8f3; }
.re-kpi.expense { background: #fdeeee; }

.re-gantt {
  overflow-x: auto; border: 1px solid rgba(0,0,0,.08); border-radius: 10px; background: #fff; padding: .5rem;
}
.re-gantt-row { display: grid; grid-template-columns: 90px 1fr; gap: .5rem; align-items: center; margin-bottom: .35rem; min-width: 640px; }
.re-gantt-label { font-size: .78rem; font-weight: 650; color: #333; }
.re-gantt-track { position: relative; height: 28px; background: #f0f2f5; border-radius: 6px; }
.re-gantt-bar {
  position: absolute; top: 4px; height: 20px; border-radius: 5px;
  background: linear-gradient(90deg, #c9a227, #8a7020); font-size: .65rem; color: #fff;
  display: flex; align-items: center; padding: 0 .35rem; white-space:nowrap; overflow: hidden;
}
.re-gantt-bar.active { background: linear-gradient(90deg, #1a9a5c, #0d6b3d); }

.re-bars { display: flex; flex-direction: column; gap: .45rem; }
.re-bar-row { display: grid; grid-template-columns: 110px 1fr 70px; gap: .5rem; align-items: center; font-size: .8rem; }
.re-bar-track { height: 22px; background: #eee; border-radius: 4px; overflow: hidden; }
.re-bar-fill {
  height: 100%; border-radius: 4px;
  transform-origin: left center;
  animation: re-bar-grow .55s ease-out both;
}
[dir="rtl"] .re-bar-fill { transform-origin: right center; }
.re-bar-fill.rev { background: #1a9a5c; }
.re-bar-fill.exp { background: #c0392b; }
@keyframes re-bar-grow {
  from { transform: scaleX(0); }
  to { transform: scaleX(1); }
}

.re-timeline { position: relative; padding: 0 .35rem; }
.re-timeline--dense { max-width: 920px; margin-inline: auto; }
.re-timeline::before {
  content: ""; position: absolute; top: 0; bottom: 0; left: 50%; width: 2px;
  background: linear-gradient(180deg, var(--re-accent-soft), var(--re-accent)); transform: translateX(-50%);
  opacity: .55;
}
.re-tl-day { position: relative; margin: .65rem 0; }
.re-tl-bubble {
  position: absolute; left: 50%; transform: translateX(-50%);
  background: var(--re-accent); color: #fff; padding: .2rem .65rem; border-radius: 999px;
  font-size: .72rem; font-weight: 700; z-index: 1; white-space: nowrap;
  box-shadow: 0 2px 8px rgba(39, 96, 129, .25);
}
.re-tl-cols { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; padding-top: 1.65rem; }
.re-tl-side h5 { font-size: .78rem; margin: 0 0 .35rem; color: var(--re-accent); }
.re-tl-side.in h5 { color: var(--re-vacant-deep); }
.re-tl-side.out h5 { color: var(--re-rented-deep); }
.re-tl-item {
  background: #fff; border: 1px solid var(--re-line); border-radius: 8px; padding: .45rem .6rem;
  margin-bottom: .3rem; font-size: .76rem;
  animation: re-fade-up .4s ease-out both;
  transition: border-color .12s, box-shadow .12s;
}
.re-tl-item:hover { border-color: var(--re-accent-soft); box-shadow: 0 2px 8px rgba(39,96,129,.1); }
.re-tl-item .val { display: inline-block; margin-inline-start: .35rem; padding: .1rem .45rem; border-radius: 6px; font-weight: 700; }
.re-tl-item .val.rev { background: #d4edda; color: #155724; }
.re-tl-item .val.exp { background: #f8d7da; color: #721c24; }

.re-map-table { width: 100%; border-collapse: collapse; }
.re-map-table th, .re-map-table td { padding: .65rem .75rem; border-bottom: 1px solid #eee; }
.re-map-table tr:nth-child(even) { background: #f7f9fb; }
.re-map-table select { width: 100%; border: 1px solid #e74c3c; border-radius: 6px; padding: .4rem .5rem; }

.re-report-tabs { display: flex; flex-wrap: wrap; gap: .4rem; margin-bottom: .85rem; }
.re-report-tabs button {
  border: 1px solid var(--re-accent-soft); background: #fff; color: var(--re-accent);
  border-radius: 8px; padding: .4rem .75rem; font-size: .8rem; cursor: pointer; font-weight: 600;
}
.re-report-tabs button.active { background: var(--re-accent-soft); color: #fff; }

/* Luxury report desk */
.re-report-mode-hint {
  margin: 0 0 .65rem; font-size: .88rem; color: #3d5566; line-height: 1.45;
  padding: .55rem .85rem; border-inline-start: 3px solid #1e4d6b;
  background: linear-gradient(90deg, rgba(30,77,107,.07), transparent);
  border-radius: 0 10px 10px 0;
}
[dir="rtl"] .re-report-mode-hint { border-radius: 10px 0 0 10px; }
.re-report-desk {
  margin-bottom: 1rem; padding: 1rem 1.1rem 1.05rem;
  background:
    radial-gradient(1200px 280px at 100% 0%, rgba(42,106,143,.12), transparent 55%),
    linear-gradient(165deg, #f7fafc 0%, #eef3f7 100%);
  border: 1px solid rgba(15,28,40,.08); border-radius: 16px;
  box-shadow: 0 12px 32px rgba(15,28,40,.07);
}
.re-report-groups {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .65rem; margin-bottom: .85rem;
}
.re-report-group {
  text-align: start; cursor: pointer; border: 1px solid rgba(15,28,40,.1);
  background: rgba(255,255,255,.72); border-radius: 12px; padding: .7rem .85rem;
  transition: border-color .15s, box-shadow .15s, transform .15s;
}
.re-report-group strong { display: block; font-size: .9rem; color: #0f1c28; margin-bottom: .2rem; }
.re-report-group small { display: block; font-size: .72rem; color: #5b6b78; line-height: 1.35; }
.re-report-group:hover { border-color: rgba(30,77,107,.35); transform: translateY(-1px); }
.re-report-group.is-on {
  border-color: transparent;
  background: linear-gradient(135deg, #0f1c28 0%, #1e4d6b 60%, #2a6a8f 100%);
  color: #fff; box-shadow: 0 8px 20px rgba(15,28,40,.22);
}
.re-report-group.is-on strong, .re-report-group.is-on small { color: #fff; }
.re-report-group.is-on small { opacity: .82; }
.re-report-modes { display: flex; flex-wrap: wrap; gap: .4rem; margin-bottom: .85rem; align-items: center; }
.re-report-mode-select-wrap { min-width: 12rem; flex: 1 1 14rem; }
.re-report-mode-select { font-weight: 650; }
.re-report-pills { display: flex; flex-wrap: wrap; gap: .4rem; flex: 2 1 20rem; }
.re-report-pill {
  border: 1px solid rgba(30,77,107,.28); background: #fff; color: #1e4d6b;
  border-radius: 999px; padding: .38rem .85rem; font-size: .78rem; font-weight: 650; cursor: pointer;
}
.re-report-pill.is-on {
  background: #1e4d6b; color: #fff; border-color: #1e4d6b;
  box-shadow: 0 4px 12px rgba(30,77,107,.28);
}
.re-report-filters {
  display: flex; flex-wrap: wrap; gap: .65rem; align-items: end; margin-bottom: .45rem;
  padding: .85rem; background: rgba(255,255,255,.88); border-radius: 12px;
  border: 1px solid rgba(15,28,40,.06);
}
.re-rf { display: flex; flex-direction: column; gap: .25rem; min-width: 8.5rem; font-size: .72rem; color: #5b6b78; font-weight: 650; }
.re-rf .field-input { min-height: 2.15rem; }
.re-report-actions { display: flex; gap: .4rem; align-items: end; margin-inline-start: auto; }
.re-report-filter-hint { margin: 0; font-size: .75rem; color: #6b7c8a; }
.re-report-empty, .re-report-empty-inline {
  margin: .75rem 0; padding: 1rem 1.15rem; border-radius: 12px;
  background: linear-gradient(120deg, #f0f7fb, #fff);
  border: 1px dashed rgba(30,77,107,.28);
}
.re-report-empty p, .re-report-empty-inline p { margin: 0 0 .65rem; color: #3d5566; }
.re-report-empty-links { display: flex; flex-wrap: wrap; gap: .55rem; }
.re-report-empty-links a {
  font-size: .8rem; font-weight: 700; color: #1e4d6b; text-decoration: none;
  padding: .35rem .7rem; border-radius: 8px; background: rgba(30,77,107,.08);
}
.re-busy { padding: .85rem 0; font-weight: 650; }
.re-report-lux {
  border: 1px solid rgba(15,28,40,.08); border-radius: 14px;
  box-shadow: 0 10px 28px rgba(15,28,40,.06);
  background: #fff;
}
@media (max-width: 960px) {
  .re-report-groups { grid-template-columns: 1fr; }
  .re-report-actions { margin-inline-start: 0; width: 100%; }
}

.re-report-summary {
  margin-top: 1rem; padding: .85rem 1rem; background: #f8fafc; border-radius: 10px;
  border: 1px solid #e5e7eb; max-width: 360px;
}
.re-report-summary div { display: flex; justify-content: space-between; margin: .25rem 0; font-size: .85rem; }
.re-group-bar {
  background: var(--re-accent-wash); color: var(--re-accent-ink); padding: .35rem .65rem; font-weight: 700; font-size: .82rem;
  border-radius: 4px; border-inline-start: 3px solid var(--re-accent); margin: .65rem 0 .3rem;
}
.re-unit-bar {
  background: var(--re-surface-alt); color: var(--re-ink-soft); padding: .3rem .65rem; font-size: .76rem;
  display: flex; flex-wrap: wrap; gap: .75rem; border-radius: 4px; border: 1px solid var(--re-line-soft); margin-bottom: .3rem;
}
.re-inline-status {
  display: flex; flex-wrap: wrap; gap: .45rem; align-items: center;
  padding: .4rem .65rem; background: #f3f4f6; border-radius: 6px; font-size: .75rem; margin: .35rem 0;
}
.re-inline-status .pill { padding: .15rem .5rem; border-radius: 999px; font-weight: 700; color: #fff; }
.re-inline-status .pill.rem { background: #c0392b; }
.re-inline-status .pill.col { background: #1a9a5c; }
.re-inline-status .pill.tot { background: #333; }

.re-finance-list { list-style: none; padding: 0; margin: 0; }
.re-finance-list li {
  display: flex; justify-content: space-between; padding: .55rem .75rem; margin-bottom: .35rem;
  border-radius: 8px; font-weight: 650; font-size: .9rem;
}
.re-finance-list li.rev { background: #e8f1fb; color: #1e4d6b; }
.re-finance-list li.exp { background: #fdeeee; color: #922b21; }
.re-finance-list li.net { background: #e6f7ee; color: #0d6b3d; }

.re-holding-chip {
  display: inline-block; margin: .3rem 0 .15rem; padding: .15rem .45rem;
  border-radius: 4px; font-size: .68rem; font-weight: 700;
  background: var(--re-accent-wash); color: var(--re-accent-ink); border: 1px solid rgba(39, 96, 129, .18);
}
.re-lease-card .re-holding-chip { margin-top: .25rem; }
.re-lease-kind {
  display: inline-block; font-size: .7rem; font-weight: 650; color: #6b7280; margin-bottom: .2rem;
}

.re-stats-main {
  display: grid; grid-template-columns: minmax(240px, 320px) 1fr; gap: 1rem; align-items: start;
}
.re-stats-day-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem;
}
@media print {
  .no-print, .nav-shell, .top-bar, .sidebar, .re-toolbar, .re-ops-bar, .re-prop-rail, .re-seg-filter, .re-erp-search, .re-erp-add, .re-erp-chrome, .re-erp-filters, .re-report-tabs, .re-report-filters, .re-report-desk, .re-report-mode-hint, .re-report-empty { display: none !important; }
  .re-prop-shell { display: block !important; }
  .print-only { display: block !important; }
  .re-report-print { background: #fff !important; color: #000 !important; }
  .re-group-bar, .re-unit-bar { break-inside: avoid; }
  .re-report-summary { break-inside: avoid; border-top: 2px solid #000; }
}
.print-only { display: none; }
.re-print-header { margin-bottom: 1rem; }
.re-print-header h2 { margin: 0 0 .35rem; font-size: 1.25rem; }

/* ═══ Command strip — one dense professional row ═══ */
.re-cmd-strip {
  display: grid; grid-template-columns: auto 1fr auto; gap: .75rem; align-items: end;
  padding: .55rem .75rem; margin-bottom: .65rem;
  background: var(--re-surface);
  color: var(--re-ink); border-radius: 8px;
  box-shadow: 0 1px 2px rgba(22, 36, 46, .04);
  border: 1px solid var(--re-line);
}
.re-cmd-strip--dense {
  display: flex; flex-wrap: nowrap; align-items: center; gap: .65rem;
  overflow-x: auto; padding: .65rem .85rem;
  background: linear-gradient(180deg, #fff 0%, #f7fafc 100%);
  border: 1px solid var(--re-line);
  border-radius: 10px;
  box-shadow: inset 0 3px 0 var(--re-accent), 0 2px 8px rgba(22, 36, 46, .04);
}
.re-cmd-strip--dense .re-cmd-field > span {
  font-size: .62rem; letter-spacing: .04em; text-transform: uppercase; margin-bottom: .15rem;
}
.re-cmd-strip--dense .re-cmd-field .field-input,
.re-cmd-strip--dense .searchable-select-trigger {
  min-height: 2.15rem; border-radius: 7px;
}
.re-period-seg {
  display: inline-flex; background: #eef3f7; border: 1px solid var(--re-line);
  border-radius: 8px; overflow: hidden; box-shadow: inset 0 1px 2px rgba(22,36,46,.04);
}
.re-period-seg .re-seg {
  padding: .42rem .85rem; font-size: .78rem; font-weight: 700; border: none;
  background: transparent; color: var(--re-ink-soft); cursor: pointer;
}
.re-period-seg .re-seg.is-on {
  background: var(--re-accent); color: #fff;
  box-shadow: 0 2px 6px rgba(39,96,129,.25);
}
.re-cmd-period-label {
  align-self: center; font-size: .82rem; font-weight: 800; color: var(--re-accent-ink);
  white-space: nowrap; padding: .35rem .7rem; border-radius: 6px;
  background: var(--re-accent-wash); border: 1px solid rgba(39,96,129,.15);
}
.re-cmd-brand { display: flex; flex-direction: column; gap: .1rem; min-width: 7rem; }
.re-cmd-kicker { font-size: .64rem; letter-spacing: .08em; text-transform: uppercase; color: var(--re-accent); font-weight: 700; }
.re-cmd-brand strong { font-size: 1.1rem; font-weight: 800; }
.re-cmd-filters { display: flex; flex-wrap: wrap; gap: .45rem; align-items: end; }
.re-cmd-field { display: flex; flex-direction: column; gap: .12rem; font-size: .66rem; color: var(--re-ink-soft); font-weight: 650; }
.re-cmd-field .field-input {
  min-width: 5.5rem; background: var(--re-surface); border: 1px solid var(--re-line);
  color: var(--re-ink); border-radius: 6px; padding: .28rem .45rem; font-size: .8rem;
}
.re-cmd-toggle {
  display: inline-flex; background: var(--re-surface-alt); border: 1px solid var(--re-line);
  border-radius: 6px; overflow: hidden; margin-inline-start: auto;
}
.re-seg {
  border: none; background: transparent; color: var(--re-ink-soft);
  padding: .32rem .8rem; font-size: .76rem; font-weight: 650; cursor: pointer;
  border-inline-end: 1px solid var(--re-line);
}
.re-seg:last-child { border-inline-end: none; }
.re-seg.is-on { background: var(--re-accent); color: #fff; }
.re-period-seg {
  display: inline-flex; background: var(--re-surface-alt); border: 1px solid var(--re-line);
  border-radius: 6px; overflow: hidden;
}
.re-period-seg .re-seg { padding: .32rem .65rem; font-size: .74rem; }

.re-scenario-rail {
  display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: .55rem; margin-bottom: 1rem;
  width: 100%;
}
.re-scenario-rail--lux .re-scenario {
  min-height: 112px; padding: .85rem .7rem; gap: .35rem;
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(22, 36, 46, .05);
}
.re-scenario {
  display: flex; flex-direction: column; gap: .2rem; padding: .65rem .55rem;
  border-radius: 12px; background: #fff; border: 1px solid var(--re-line);
  text-decoration: none; color: inherit; min-height: 92px;
  transition: border-color .15s, box-shadow .15s, transform .15s;
}
.re-scenario:hover { border-color: var(--re-accent-soft); box-shadow: 0 6px 18px rgba(39,96,129,.14); transform: translateY(-2px); }
.re-scenario em {
  width: 1.55rem; height: 1.55rem; border-radius: 50%; display: grid; place-items: center;
  font-style: normal; font-size: .78rem; font-weight: 800;
  background: linear-gradient(145deg, var(--re-accent-soft), var(--re-accent)); color: #fff;
}
.re-scenario span { font-size: .9rem; font-weight: 750; color: var(--re-ink); line-height: 1.25; }
.re-scenario small { font-size: .72rem; color: var(--re-ink-soft); line-height: 1.3; }

.re-hero-metrics {
  display: grid; grid-template-columns: 1.2fr 1fr 1.1fr; gap: .75rem; margin-bottom: .85rem;
}
.re-hero-net {
  border-radius: 14px; padding: 1.1rem 1.25rem; color: #fff;
  background: linear-gradient(145deg, #1b4a63 0%, #276081 45%, #1e7e34 100%);
  display: flex; flex-direction: column; justify-content: center; gap: .25rem; min-height: 132px;
  box-shadow: 0 8px 22px rgba(39, 96, 129, .22);
}
.re-hero-net span { font-size: .78rem; opacity: .9; }
.re-hero-net strong { font-size: clamp(1.6rem, 3vw, 2.2rem); font-weight: 850; letter-spacing: -.02em; }
.re-hero-net small { font-size: .72rem; opacity: .75; }
.re-hero-occ {
  border-radius: 14px; padding: .9rem 1rem; background: #fff; border: 1px solid var(--re-line);
  display: flex; align-items: center; gap: 1rem;
}
.re-occ-ring {
  --re-occ: 0;
  width: 92px; height: 92px; border-radius: 50%; flex-shrink: 0;
  display: grid; place-items: center; text-align: center; position: relative;
  background:
    radial-gradient(#fff 58%, transparent 59%),
    conic-gradient(var(--re-vacant) calc(var(--re-occ) * 1%), #e5e7eb 0);
}
.re-occ-ring strong { font-size: 1.1rem; color: var(--re-ink); line-height: 1; }
.re-occ-ring span { display: block; font-size: .58rem; color: #64748b; margin-top: .15rem; }
.re-occ-meta { display: grid; gap: .35rem; flex: 1; }
.re-occ-meta div { display: flex; justify-content: space-between; align-items: baseline; gap: .5rem; font-size: .78rem; color: #64748b; }
.re-occ-meta b { font-size: 1.05rem; color: var(--re-ink); }
.re-hero-cash { display: grid; gap: .45rem; }
.re-mini-kpi {
  border-radius: 10px; padding: .55rem .75rem; background: #fff; border: 1px solid var(--re-line);
  display: flex; justify-content: space-between; align-items: center; gap: .5rem;
}
.re-mini-kpi span { font-size: .72rem; color: #64748b; }
.re-mini-kpi strong { font-size: .95rem; font-weight: 800; }
.re-mini-kpi.in { border-inline-start: 3px solid var(--re-vacant); }
.re-mini-kpi.out { border-inline-start: 3px solid var(--re-rented); }
.re-mini-kpi.dep { border-inline-start: 3px solid var(--re-accent-soft); }

.re-kpi-strip {
  display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: .5rem; margin-bottom: .85rem;
}
.re-kpi-tile {
  text-decoration: none; color: inherit; border-radius: 12px; padding: .85rem .75rem;
  background: linear-gradient(165deg, #fff, var(--re-surface-alt));
  border: 1px solid var(--re-line); text-align: start;
  position: relative; overflow: hidden;
  box-shadow: var(--re-shadow-soft);
  transition: box-shadow .15s, border-color .15s, transform .15s;
}
.re-kpi-tile::before {
  content: ""; position: absolute; inset-block: 0; inset-inline-start: 0; width: 4px;
  background: var(--re-accent);
}
.re-kpi-tile:hover {
  border-color: var(--re-accent-soft); box-shadow: var(--re-shadow);
  transform: translateY(-2px);
}
.re-kpi-tile span {
  display: block; font-size: .72rem; font-weight: 700; color: var(--re-ink-soft); margin-bottom: .35rem;
}
.re-kpi-tile strong {
  font-size: 1.65rem; font-weight: 850; color: var(--re-ink);
  font-family: "Outfit", system-ui, sans-serif; font-variant-numeric: tabular-nums;
}
.re-kpi-tile.vacant { background: linear-gradient(165deg, #fff, #e8f8ef); }
.re-kpi-tile.vacant::before { background: var(--re-vacant); }
.re-kpi-tile.rented { background: linear-gradient(165deg, #fff, #fdecea); }
.re-kpi-tile.rented::before { background: var(--re-rented); }
.re-kpi-tile.money { background: linear-gradient(165deg, #fff, #eaf2f8); }
.re-kpi-tile.alert { background: linear-gradient(165deg, #fff, #fff7e6); }
.re-kpi-tile.alert::before { background: var(--re-warn); }

.re-alerts-panel { margin-bottom: .85rem; }
.re-alerts-kpis {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .45rem; margin-bottom: .55rem;
}
.re-alert-kpi {
  position: relative; overflow: hidden;
  border-radius: 12px; padding: .75rem .85rem .75rem 1.05rem;
  background: linear-gradient(165deg, #fff 0%, var(--re-surface-alt) 100%);
  border: 1px solid var(--re-line);
  text-align: start;
  box-shadow: var(--re-shadow-soft);
  transform: perspective(700px) rotateX(1.2deg) translateZ(0);
  transition: transform .18s ease;
}
.re-alert-kpi::before {
  content: ""; position: absolute; inset-block: 0; inset-inline-start: 0; width: 5px;
  background: var(--re-accent);
}
.re-alert-kpi:hover { transform: perspective(700px) rotateX(0deg) translateY(-3px) scale(1.015); }
.re-alert-kpi span {
  display: block; font-size: .72rem; font-weight: 700; color: var(--re-ink-soft);
  margin-bottom: .35rem; letter-spacing: .01em;
}
.re-alert-kpi strong {
  display: block; font-size: 2rem; font-weight: 850; line-height: 1; color: var(--re-ink);
  font-variant-numeric: tabular-nums;
  font-family: "Outfit", "IBM Plex Sans Arabic", system-ui, sans-serif;
}
.re-alert-kpi.critical { border-color: rgba(196,60,74,.28); background: linear-gradient(165deg, #fff 40%, #fdecea); }
.re-alert-kpi.critical::before { background: linear-gradient(180deg, #e85a6a, #c43c4a); }
.re-alert-kpi.critical strong { color: #9b2c38; }
.re-alert-kpi.warn { border-color: rgba(201,146,42,.3); background: linear-gradient(165deg, #fff 40%, #fff6e4); }
.re-alert-kpi.warn::before { background: linear-gradient(180deg, #e0b04a, #c9922a); }
.re-alert-kpi.warn strong { color: #8a6418; }
.re-alert-kpi.info { border-color: rgba(47,127,168,.28); background: linear-gradient(165deg, #fff 40%, #e8f3f9); }
.re-alert-kpi.info::before { background: linear-gradient(180deg, #4a9bc4, #276081); }
.re-alert-kpi.info strong { color: #1a4a66; }
.re-alerts-lists {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); gap: .65rem;
}
.re-alerts-lists h4 { margin: 0 0 .35rem; font-size: .78rem; color: var(--re-accent); }
.re-alerts-lists h4.out { color: var(--re-rented); }
.re-alert-row {
  display: flex; gap: .4rem; align-items: baseline; font-size: .74rem;
  padding: .28rem 0; border-bottom: 1px solid var(--re-line-soft);
}
.re-alert-row b { color: var(--re-ink); min-width: 4.5rem; }
.re-alert-row > span:not(.re-status-pill) { flex: 1; color: var(--re-ink-soft); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.re-alert-row .re-status-pill { flex: 0 0 auto; width: fit-content; max-width: max-content; white-space: nowrap; }
.re-alert-row em { font-style: normal; font-weight: 750; color: var(--re-ink); font-variant-numeric: tabular-nums; }

/* Dense alert tables (Wave B) */
.re-alerts-tables {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); gap: .55rem;
  padding: 0 .65rem .65rem;
}
.re-alerts-table-wrap h4 {
  margin: 0 0 .3rem; font-size: .74rem; font-weight: 750; color: var(--re-accent);
}
.re-alerts-table-wrap h4.out { color: var(--re-rented); }
.re-alerts-table {
  width: 100%; border-collapse: collapse; font-size: .74rem; margin-bottom: .25rem;
  border: 1px solid var(--re-line-soft); border-radius: 6px; overflow: hidden;
}
.re-alerts-table th,
.re-alerts-table td {
  padding: .32rem .45rem; text-align: start;
  border-bottom: 1px solid rgba(197, 212, 222, .85);
  vertical-align: middle;
}
.re-alerts-table th {
  font-size: .66rem; font-weight: 750; color: var(--re-accent-ink);
  background: linear-gradient(180deg, #eef5f9, #e4eef4);
  letter-spacing: .02em; border-bottom: 1px solid var(--re-line);
}
.re-alerts-table tbody tr:nth-child(even) { background: rgba(232, 240, 244, .55); }
.re-alerts-table tbody tr:nth-child(odd) { background: #fff; }
.re-alerts-table td.num {
  font-variant-numeric: tabular-nums; font-weight: 750; white-space: nowrap; text-align: end;
  font-family: "Outfit", system-ui, sans-serif;
}
.re-alerts-table tbody tr:hover { background: var(--re-accent-wash) !important; }
.re-alerts-table-wrap > a.tiny { display: inline-block; margin-top: .15rem; }

.re-anim-in,
.re-kpi-tile.re-anim-in,
.re-hero-metrics > *,
.re-tl-day {
  animation: re-fade-up .45s ease-out both;
}
.re-hero-metrics > *:nth-child(2) { animation-delay: .06s; }
.re-hero-metrics > *:nth-child(3) { animation-delay: .12s; }
.re-tl-day { animation-delay: var(--re-delay, 0s); }
.re-kpi-tile.re-anim-in:nth-child(2) { animation-delay: .04s; }
.re-kpi-tile.re-anim-in:nth-child(3) { animation-delay: .08s; }
.re-kpi-tile.re-anim-in:nth-child(4) { animation-delay: .12s; }
.re-kpi-tile.re-anim-in:nth-child(5) { animation-delay: .16s; }
.re-kpi-tile.re-anim-in:nth-child(6) { animation-delay: .2s; }
@keyframes re-fade-up {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

.re-cockpit-grid {
  display: grid; grid-template-columns: 280px 1fr; grid-template-rows: auto auto; gap: .75rem;
}
.re-panel {
  background: #fff; border: 1px solid var(--re-line); border-radius: 14px; overflow: hidden;
}
.re-panel-head {
  display: flex; align-items: center; justify-content: space-between; gap: .5rem;
  padding: .65rem .85rem; border-bottom: 1px solid var(--re-line); background: #f8fafc;
}
.re-panel-head h3 { margin: 0; font-size: .92rem; font-weight: 750; color: var(--re-ink); }
.re-panel-head a { font-size: .75rem; font-weight: 650; color: var(--re-accent-soft); text-decoration: none; }
.re-panel-finance { grid-row: span 2; }
.re-finance-dense { list-style: none; margin: 0; padding: .5rem .65rem; }
.re-finance-dense li {
  display: flex; justify-content: space-between; gap: .5rem; padding: .45rem .35rem;
  border-bottom: 1px dashed rgba(0,0,0,.06); font-size: .82rem;
}
.re-finance-dense li:last-child { border-bottom: none; }
.re-finance-dense b { font-weight: 800; font-variant-numeric: tabular-nums; }
.re-finance-dense .in b { color: #1a9a5c; }
.re-finance-dense .out b { color: #c0392b; }
.re-finance-dense .net { background: #eef8f3; margin: .25rem -.35rem 0; padding: .55rem .7rem !important; border-radius: 8px; border: none !important; }
.re-finance-dense .net b { color: #0d6b3d; font-size: 1.05rem; }
.re-panel-links {
  display: flex; flex-wrap: wrap; gap: .35rem; padding: .55rem .75rem .85rem; border-top: 1px solid var(--re-line);
}
.re-panel-links a {
  font-size: .72rem; font-weight: 650; padding: .3rem .55rem; border-radius: 999px;
  background: rgba(30,77,107,.08); color: var(--re-accent); text-decoration: none;
}
.re-gantt-dense { border: none; border-radius: 0; max-height: 280px; overflow: auto; }
.re-day-split { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; padding: .75rem .85rem 1rem; }
.re-day-split h4 { margin: 0 0 .45rem; font-size: .78rem; font-weight: 750; }
.re-day-split h4.in { color: #1a9a5c; }
.re-day-split h4.out { color: #c0392b; }
.re-bar-row.dense { grid-template-columns: 88px 1fr 52px; font-size: .72rem; gap: .35rem; }
.re-bar-row.dense .re-bar-track { height: 14px; }
.re-link-hub {
  display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: .5rem; padding: .75rem;
}
.re-link-hub a {
  text-decoration: none; color: inherit; padding: .7rem .75rem; border-radius: 10px;
  background: #f8fafc; border: 1px solid var(--re-line);
  display: flex; flex-direction: column; gap: .2rem;
}
.re-link-hub a:hover { border-color: var(--re-accent-soft); background: #fff; }
.re-link-hub strong { font-size: .92rem; color: var(--re-ink); }
.re-link-hub span { font-size: .72rem; color: #64748b; line-height: 1.35; }
.re-panel-links-hub {
  grid-column: 1 / -1;
  width: 100%;
  margin-top: .75rem;
}
.re-empty-inline { padding: 1.25rem; text-align: center; }
.re-empty-inline p { margin: 0 0 .75rem; color: #64748b; }
.re-empty-hero {
  padding: 2.25rem 1.5rem; text-align: center; border-radius: 8px;
  background: var(--re-surface);
  border: 1px dashed var(--re-line);
}
.re-empty-hero h2 { margin: 0 0 .5rem; font-size: 1.1rem; color: var(--re-ink); }
.re-empty-hero p { margin: 0; color: var(--re-ink-soft); }

/* ═══ RE report runner — compact filter strip, results dominate ═══ */
.re-report-desk {
  margin-bottom: .6rem; padding: .55rem .7rem;
  background: var(--re-surface);
  border: 1px solid var(--re-line); border-radius: 8px;
  box-shadow: 0 1px 2px rgba(22, 36, 46, .04);
}
.re-report-groups {
  display: flex; flex-wrap: wrap; gap: 0; margin-bottom: .55rem;
  border: 1px solid var(--re-line); border-radius: 7px; overflow: hidden; background: var(--re-surface-alt);
}
.re-report-group {
  display: flex; flex: 1 1 8rem; flex-direction: column; gap: .05rem; text-align: start;
  padding: .4rem .7rem; cursor: pointer;
  border: none; border-inline-end: 1px solid var(--re-line);
  background: transparent; color: var(--re-ink);
  transition: background .12s, color .12s;
}
.re-report-group:last-child { border-inline-end: none; }
.re-report-group strong { font-size: .78rem; font-weight: 700; line-height: 1.2; }
.re-report-group small { font-size: .65rem; color: var(--re-ink-soft); line-height: 1.25; }
.re-report-group:hover { background: var(--re-accent-wash); }
.re-report-group.is-on { background: var(--re-accent); color: #fff; }
.re-report-group.is-on small { color: rgba(255, 255, 255, .8); }
.re-report-modes {
  display: flex; flex-wrap: wrap; gap: .45rem .55rem; align-items: center; margin-bottom: .5rem;
}
.re-report-pills {
  display: flex; flex-wrap: wrap; gap: 0; flex: 1 1 16rem;
  border: 1px solid var(--re-line); border-radius: 6px; overflow: hidden; background: var(--re-surface-alt);
}
.re-report-mode-select {
  font-size: .78rem; font-weight: 650;
  padding: .3rem .55rem; border-radius: 6px;
  border: 1px solid var(--re-line);
  background: var(--re-surface);
  color: var(--re-ink);
}
.re-report-mode-select--compact {
  width: auto; min-width: 10rem; max-width: 15rem;
  height: 1.95rem; font-size: .74rem;
}
.re-mode-compact { min-width: 10rem; margin-inline-start: auto; }
/* Segmented control, not pills */
.re-report-pill {
  border: none; border-inline-end: 1px solid var(--re-line);
  background: transparent; color: var(--re-ink-soft);
  border-radius: 0; padding: .32rem .8rem; font-size: .75rem; font-weight: 650; cursor: pointer;
  transition: background .12s, color .12s;
}
.re-report-pill:last-child { border-inline-end: none; }
.re-report-pill:hover { background: var(--re-accent-wash); color: var(--re-accent); }
.re-report-pill.is-on { background: var(--re-accent); color: #fff; }
.re-report-filters {
  display: flex; flex-wrap: wrap; gap: .4rem .5rem; align-items: end;
  padding: .45rem .5rem; background: var(--re-surface-alt); border-radius: 6px; border: 1px solid var(--re-line-soft);
}
.re-rf { display: flex; flex-direction: column; gap: .12rem; font-size: .66rem; color: var(--re-ink-soft); min-width: 6.5rem; font-weight: 650; }
.re-rf .field-input { min-height: 1.9rem; font-size: .8rem; padding: .22rem .4rem; }
.re-report-actions { display: flex; gap: .35rem; align-items: end; margin-inline-start: auto; }
.re-report-filter-hint {
  margin: .35rem 0 0; font-size: .68rem; color: var(--re-ink-soft); line-height: 1.3;
}
.re-report-mode-hint { display: none !important; }
.re-report-group-tip { display: inline-flex; vertical-align: middle; margin-inline-start: .2rem; }
.re-report-group-tip .hint-tip-btn { transform: scale(.85); }
.re-report-group.is-on .re-report-group-tip .hint-tip-btn { color: #fff; border-color: rgba(255,255,255,.45); }
[dir="rtl"] .re-report-mode-hint { border-radius: 6px 0 0 6px; }
.re-report-empty, .re-report-empty-inline {
  margin: .75rem 0; padding: 1.25rem 1.1rem; text-align: center;
  border: 1px dashed var(--re-line); border-radius: 8px;
  background: var(--re-surface-alt);
}
.re-report-empty p, .re-report-empty-inline p { margin: 0 0 .65rem; color: #475569; font-size: .9rem; }
.re-report-empty-links { display: flex; flex-wrap: wrap; gap: .55rem; justify-content: center; }
.re-report-empty-links a {
  font-size: .78rem; font-weight: 700; color: #1e4d6b; text-decoration: none;
  padding: .3rem .65rem; border-radius: 7px; border: 1px solid rgba(30,77,107,.22); background: #fff;
}
.re-report-empty-links a:hover { background: #e8eef2; }
.re-busy { margin: .35rem 0; font-size: .82rem; }

.re-report-lux {
  padding: .85rem .95rem;
  background: var(--re-surface);
  border: 1px solid var(--re-line);
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(22, 36, 46, .05);
  min-height: 60vh;
}
.re-report-lux .report-summary,
.re-report-lux .re-report-summary {
  display: flex; flex-wrap: wrap; gap: .35rem .85rem; align-items: baseline;
  margin: .5rem 0 .65rem; padding: .5rem .65rem; max-width: none;
  background: var(--re-surface-alt); border: 1px solid var(--re-line-soft); border-radius: 6px; font-size: .78rem;
}
.re-report-lux .re-report-summary {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr)); gap: .35rem .75rem;
}
.re-report-lux .re-report-summary div {
  display: flex; justify-content: space-between; gap: .5rem; margin: 0; font-size: .78rem;
}
.re-report-lux .report-table {
  font-size: .8rem; width: 100%; border-collapse: collapse;
}
.re-report-lux .report-table th {
  padding: .4rem .5rem; text-align: start;
  background: var(--re-surface-alt);
  color: var(--re-ink); font-weight: 700;
  border-bottom: 2px solid var(--re-accent);
  position: sticky; top: 0; z-index: 1;
}
.re-report-lux .report-table td {
  padding: .34rem .5rem; border-bottom: 1px solid var(--re-line-soft);
  font-variant-numeric: tabular-nums;
}
.re-report-lux .report-table tbody tr:nth-child(even) { background: #fbfcfd; }
.re-report-lux .report-table tbody tr:hover { background: var(--re-accent-wash); }
.re-report-lux .re-group-bar { margin: .55rem 0 .25rem; padding: .35rem .55rem; font-size: .78rem; }
.re-report-lux .re-unit-bar { margin-bottom: .25rem; padding: .25rem .55rem; font-size: .72rem; }

@media (max-width: 900px) {
  .re-report-groups { grid-template-columns: 1fr; }
}
@media print {
  .re-report-desk, .re-report-mode-hint, .re-report-empty, .re-busy { display: none !important; }
  .re-report-lux { box-shadow: none !important; border: none !important; padding: 0 !important; min-height: 0 !important; }
  .re-report-lux .report-table th { position: static !important; background: #fff !important; }
  .re-report-lux .report-summary, .re-report-lux .re-report-summary {
    background: #fff !important; border: none !important; border-top: 2px solid #000; border-radius: 0;
  }
}

@media (max-width: 1100px) {
  .re-scenario-rail { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .re-hero-metrics { grid-template-columns: 1fr 1fr; }
  .re-hero-cash { grid-column: span 2; grid-template-columns: repeat(3, 1fr); }
  .re-kpi-strip { grid-template-columns: repeat(3, 1fr); }
  .re-cockpit-grid { grid-template-columns: 1fr; }
  .re-panel-finance { grid-row: auto; }
  .re-link-hub { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .re-cmd-strip { grid-template-columns: 1fr; }
  .re-cmd-strip--dense { flex-wrap: wrap; }
  .re-alerts-kpis { grid-template-columns: 1fr 1fr; }
  .re-kpi-strip--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .re-scenario-rail { grid-template-columns: 1fr 1fr; }
  .re-hero-metrics { grid-template-columns: 1fr; }
  .re-hero-cash { grid-column: auto; grid-template-columns: 1fr; }
  .re-day-split { grid-template-columns: 1fr; }
  .re-kpi-strip { grid-template-columns: 1fr 1fr; }
  .re-link-hub { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}



/* ═══════════════════════════════════════════════════════════════════
   Wave B / v41 — LIGHT fiscal chrome (NO solid blue bars)
   Matches system fiscal-strip / period context — not ERPSYS filled navy.
   ═══════════════════════════════════════════════════════════════════ */
.re-erp-chrome {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .55rem .85rem;
  padding: .55rem .85rem .65rem; margin-bottom: .55rem; border-radius: 12px;
  background:
    linear-gradient(180deg, #ffffff 0%, #f4f8fb 100%);
  color: var(--re-ink);
  box-shadow:
    inset 0 1px 0 #fff,
    0 1px 0 rgba(26, 74, 102, .06),
    0 8px 20px rgba(26, 74, 102, .08);
  border: 1px solid var(--re-line);
  border-bottom: 3px solid var(--re-accent);
}
.re-erp-chrome-title {
  display: inline-flex; align-items: center; gap: .45rem;
  font-size: 1.02rem; font-weight: 800; color: var(--re-accent-ink); letter-spacing: .01em;
  margin: 0; min-width: 7rem;
  text-shadow: none;
  font-family: "Outfit", "IBM Plex Sans Arabic", system-ui, sans-serif;
}
.re-erp-chrome-ico {
  display: inline-flex; align-items: center; justify-content: center;
  width: 1.55rem; height: 1.55rem; border-radius: 8px;
  background: var(--re-accent-wash); color: var(--re-accent);
  opacity: 1; font-size: .78rem;
}
.re-erp-chrome-fiscal { flex: 1 1 auto; display: flex; justify-content: center; min-width: 0; }
.re-erp-fy-badge {
  display: inline-flex; flex-wrap: wrap; align-items: center; gap: .35rem .45rem;
  padding: .28rem .75rem; border-radius: 999px;
  background: linear-gradient(180deg, #eef6fa, #e2eef5);
  border: 1px solid rgba(39, 96, 129, .22);
  font-size: .74rem; font-weight: 650; color: var(--re-accent-ink); white-space: nowrap;
}
.re-erp-fy-badge .re-erp-fy-label { opacity: .75; font-weight: 600; }
.re-erp-fy-badge em {
  font-style: normal; font-weight: 800;
  padding: .1rem .45rem; border-radius: 999px;
  background: #1f9d55; color: #fff;
}
.re-erp-chrome-actions {
  display: inline-flex; align-items: center; gap: .45rem; margin-inline-start: auto;
}
.re-erp-view-toggle {
  display: inline-flex; border-radius: 8px; overflow: hidden;
  border: 1px solid var(--re-line);
  background: #fff;
  box-shadow: none;
}
.re-erp-view-toggle button {
  border: none; background: transparent; color: var(--re-ink-soft);
  padding: .32rem .75rem; font-size: .78rem; font-weight: 700; cursor: pointer;
  text-shadow: none;
}
.re-erp-view-toggle button.is-on {
  background: var(--re-accent);
  color: #fff;
  box-shadow: none;
  text-shadow: none;
}
.re-erp-view-toggle button:hover { background: var(--re-accent-wash); color: var(--re-accent-ink); }
.re-erp-view-toggle button.is-on:hover { background: var(--re-accent-soft); color: #fff; }
.re-erp-chrome-refresh {
  border: 1px solid var(--re-line); background: #fff; color: var(--re-accent-ink);
  width: 2rem; height: 2rem; border-radius: 8px; cursor: pointer;
  font-size: 1.15rem; line-height: 1;
}
.re-erp-chrome-refresh:hover { background: var(--re-accent-wash); border-color: var(--re-accent-soft); }

.re-erp-chrome-link {
  color: var(--re-accent-ink) !important; font-size: .76rem; font-weight: 650; text-decoration: none;
  padding: .22rem .55rem; border-radius: 6px; border: 1px solid var(--re-line);
  background: #fff;
}
.re-erp-chrome-link:hover { background: var(--re-accent-wash); color: var(--re-accent) !important; }
.re-erp-chrome-total {
  display: inline-flex; align-items: baseline; gap: .35rem;
  font-size: .72rem; color: var(--re-ink-soft);
}
.re-erp-chrome-total b { font-size: .88rem; font-variant-numeric: tabular-nums; color: var(--re-accent-ink); }

.re-erp-filters {
  display: flex; flex-wrap: nowrap; align-items: flex-end; gap: .5rem .75rem;
  overflow: visible !important; padding: .55rem .8rem; margin-bottom: .55rem;
  background:
    linear-gradient(180deg, rgba(255,255,255,.95), rgba(243,248,251,.98)),
    linear-gradient(90deg, rgba(26,74,102,.04), transparent 40%);
  border: 1px solid var(--re-line); border-radius: 12px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    inset 0 3px 0 0 var(--re-accent),
    0 2px 8px rgba(26, 74, 102, .08);
  min-height: 0; max-height: none; position: relative; z-index: 20;
}
.re-filter-actions {
  margin-inline-start: auto;
  display: flex;
  gap: .4rem;
  align-items: center;
  flex-wrap: wrap;
}
.re-page.re-lux.re-no-chrome {
  padding-top: .55rem;
}
.re-erp-chrome--tools .re-erp-chrome-title { display: none; }
.re-row-actions {
  display: inline-flex; flex-wrap: wrap; gap: .35rem; align-items: center;
}
.re-page .data-table tr.is-inactive,
.re-broker-card.is-inactive {
  opacity: .55;
}
.re-page .data-table tr.is-inactive td { color: var(--re-ink-soft); }
.re-erp-filters::-webkit-scrollbar { display: none; width: 0; height: 0; }
.re-erp-filters > * { flex-shrink: 0; min-height: 0; overflow: visible !important; max-height: none !important; }
/* Kill SearchableSelect panel nesting inside the filter strip */
.re-erp-filters .searchable-select-panel:not(.is-portal) {
  position: absolute !important; top: calc(100% + 2px) !important; inset-inline: 0 auto !important;
  max-height: min(280px, 50vh) !important; z-index: 9700 !important;
}
.re-erp-filters .searchable-select-options { max-height: 220px; overflow-y: auto; }
.re-erp-filter-field {
  display: flex; flex-direction: column; gap: .1rem;
  font-size: .62rem; font-weight: 650; color: var(--re-ink-soft);
}
.re-erp-filter-field > span { letter-spacing: .03em; text-transform: uppercase; }
.re-erp-filter-field .field-input,
.re-erp-filter-field .searchable-select-trigger {
  min-height: 2rem; height: 2.05rem; border-radius: 6px; font-size: .8rem;
  box-sizing: border-box;
}
.re-erp-filter-asset { min-width: 11rem; max-width: 15rem; flex: 0 1 13.5rem; }
.re-erp-filter-period {
  flex: 0 0 auto; display: flex; align-items: flex-end;
  padding-bottom: 0; align-self: flex-end;
}
.re-erp-filter-dates {
  display: inline-flex; flex-wrap: nowrap; align-items: flex-end; gap: .35rem .5rem;
  margin-inline-start: auto; overflow: visible;
}
.re-erp-filter-dates .field-input,
.re-erp-filter-dates .re-fld-ctrl { min-width: 4.25rem; max-width: 8.5rem; }
.re-erp-filter-dates .re-fld--date .re-fld-ctrl { min-width: 8.5rem; max-width: 10rem; }
.re-erp-filters .searchable-select-wrap { position: relative; overflow: visible; z-index: 1; }
.re-erp-filters .searchable-select-wrap.is-open { z-index: 9500; }
.re-erp-filters .searchable-select-panel {
  position: absolute !important; z-index: 9600;
  /* keep panel out of filter strip flow — no nested scroll */
}
.re-erp-filters .re-period-seg { overflow: hidden; height: 2.05rem; align-items: stretch; }
.re-erp-filters .re-period-seg .re-seg {
  padding: 0 .7rem; font-size: .74rem; height: 100%;
  display: inline-flex; align-items: center;
}
.re-erp-filters .re-cmd-period-label {
  align-self: flex-end; height: 2.05rem; display: inline-flex; align-items: center;
  margin: 0; padding: 0 .65rem; font-size: .78rem;
}

/* Compact field primitive — labels 11–12px, controls ~32–34px */
.re-fld {
  display: flex; flex-direction: column; gap: .12rem; min-width: 0;
}
.re-fld.field-group { gap: .12rem; }
.re-fld .field-label-row { margin: 0; min-height: 0; }
.re-fld .field-label,
.re-fld-label {
  font-size: .7rem; /* ~11px */ line-height: 1.2; font-weight: 650;
  color: var(--re-ink-soft); letter-spacing: .02em;
}
.re-fld-ctrl,
.re-fld .field-input,
.re-fld select.field-input,
.re-fld .searchable-select-trigger {
  height: 2.35rem; min-height: 2.35rem; max-height: 2.35rem;
  padding: .25rem .5rem; font-size: .8rem; border-radius: 7px;
  box-sizing: border-box; width: 100%; max-width: none;
}
.re-fld--sm { max-width: 5.5rem; }
.re-fld--sm .re-fld-ctrl { min-width: 3.5rem; max-width: 5.5rem; }
.re-fld--date { max-width: 10rem; }

.re-kpi-strip--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.re-timeline--cards { max-width: 980px; margin-inline: auto; padding: .5rem .65rem 1rem; }
.re-timeline-panel .re-panel-head { margin-bottom: 0; }
.re-tl-card {
  background: #fff; border: 1px solid var(--re-line); border-radius: 8px;
  padding: .5rem .65rem; margin-bottom: .4rem;
  display: flex; flex-direction: column; gap: .15rem;
  animation: re-fade-up .4s ease-out both;
  transition: border-color .12s, box-shadow .12s, transform .12s;
}
.re-tl-card:hover {
  border-color: var(--re-accent-soft);
  box-shadow: 0 3px 10px rgba(39, 96, 129, .12);
  transform: translateY(-1px);
}
.re-tl-card.rev { border-inline-start: 3px solid var(--re-vacant); background: linear-gradient(90deg, #f0faf4, #fff 40%); }
.re-tl-card.exp { border-inline-start: 3px solid var(--re-rented); background: linear-gradient(90deg, #fdf2f2, #fff 40%); }
.re-tl-card--empty {
  background: var(--re-surface-alt); border-style: dashed; padding: .55rem;
  align-items: center; justify-content: center; min-height: 2.4rem;
  animation: re-empty-pulse 2.4s ease-in-out infinite;
}
@keyframes re-empty-pulse {
  0%, 100% { opacity: .55; transform: scale(1); }
  50% { opacity: .92; transform: scale(1.015); }
}
@media (prefers-reduced-motion: reduce) {
  .re-tl-card--empty { animation: none; opacity: .72; }
}
.re-tl-card-top {
  display: flex; justify-content: space-between; align-items: baseline; gap: .5rem;
}
.re-tl-card-top strong { font-size: .78rem; color: var(--re-ink); }
.re-tl-card .val {
  display: inline-block; padding: .12rem .45rem; border-radius: 6px;
  font-weight: 800; font-size: .76rem; font-variant-numeric: tabular-nums;
}
.re-tl-card .val.rev { background: #d4edda; color: #155724; }
.re-tl-card .val.exp { background: #f8d7da; color: #721c24; }
.re-tl-card-party { font-size: .72rem; color: var(--re-ink-soft); }
.re-tl-card-code { font-size: .64rem; color: #94a3b8; font-variant-numeric: tabular-nums; }

@media (max-width: 900px) {
  .re-erp-chrome-fiscal { justify-content: flex-start; order: 3; flex: 1 1 100%; }
  .re-erp-filters { flex-wrap: wrap; }
  .re-erp-filter-dates { margin-inline-start: 0; }
  .re-kpi-strip--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ═══════════════════════════════════════════════════════════════════
   ERPSYS-style hierarchy — title row + horizontal tab strip + stage
   ═══════════════════════════════════════════════════════════════════ */
.re-erp-head {
  display: flex; flex-wrap: wrap; align-items: center; gap: .5rem;
  padding: .45rem .7rem; margin-bottom: .4rem;
  background: var(--re-surface); border: 1px solid var(--re-line); border-radius: 6px;
  box-shadow: inset 0 3px 0 var(--re-accent);
}
.re-erp-head--sub { box-shadow: inset 0 2px 0 var(--re-accent-soft); margin-top: .6rem; }
.re-erp-title {
  font-size: 1rem; font-weight: 800; color: var(--re-accent);
  display: inline-flex; align-items: baseline; gap: .3rem;
}
.re-erp-head--sub .re-erp-title { font-size: .9rem; }
.re-erp-title b { font-size: .82rem; font-weight: 700; color: var(--re-ink-soft); }
.re-erp-metrics { display: inline-flex; flex-wrap: wrap; gap: .3rem; }
.re-erp-metrics em {
  font-style: normal; font-size: .68rem; color: var(--re-ink-soft); font-weight: 650;
  padding: .12rem .4rem; border-radius: 4px;
  background: var(--re-surface-alt); border: 1px solid var(--re-line-soft);
}
.re-erp-metrics em b { font-size: .8rem; font-variant-numeric: tabular-nums; color: var(--re-ink); }
.re-erp-metrics em.vac b { color: var(--re-vacant-deep); }
.re-erp-metrics em.occ b { color: var(--re-rented-deep); }
.re-erp-search { min-width: 9rem; max-width: 15rem; min-height: 1.9rem; font-size: .8rem; padding: .25rem .45rem; }
.re-erp-add {
  margin-inline-start: auto; white-space: nowrap; cursor: pointer;
  padding: .3rem .8rem; border-radius: 15px; font-size: .8rem; font-weight: 700;
  border: 1px solid var(--re-accent); background: var(--re-accent); color: #fff;
}
.re-erp-add:hover { background: var(--re-accent-ink); border-color: var(--re-accent-ink); }
.re-erp-add.alt { background: var(--re-surface); color: var(--re-accent); }
.re-erp-add.alt:hover { background: var(--re-accent-wash); color: var(--re-accent-ink); }

/* Horizontal scroll strip of tab buttons — the ERPSYS "parent/child" strip */
.re-erp-tabs {
  display: flex; align-items: stretch; gap: .3rem;
  padding: .35rem .3rem; margin-bottom: .2rem;
  overflow-x: auto; overflow-y: hidden;
  scrollbar-width: thin;
}
.re-erp-tabs::-webkit-scrollbar { height: 6px; }
.re-erp-tabs::-webkit-scrollbar-thumb { background: var(--re-line); border-radius: 3px; }
.re-erp-tabs-empty { padding: .5rem .6rem; font-size: .78rem; color: var(--re-ink-soft); }
.re-erp-tab-wrap { display: inline-flex; align-items: stretch; flex: 1 1 0; min-width: 0; }
.re-erp-tab {
  flex: 1 1 0; display: inline-flex; flex-direction: column; justify-content: center; gap: .12rem;
  width: 100%; min-width: 0; min-height: 3.25rem; padding: .4rem .9rem;
  text-align: start; cursor: pointer; border-radius: 999px;
  border: 1px solid var(--re-line); background: linear-gradient(180deg, #fff, #f4f8fb);
  color: var(--re-accent-ink);
  transition: background .14s, color .14s, box-shadow .14s, transform .14s;
  box-shadow: 0 1px 2px rgba(26, 74, 102, .06);
}
.re-erp-tab.is-slim { min-width: 6rem; min-height: 2.5rem; border-radius: 10px; }
.re-erp-tab:hover { background: var(--re-accent-wash); border-color: var(--re-accent-soft); }
.re-erp-tab.is-on {
  background-image:
    linear-gradient(180deg, rgba(255,255,255,.18) 0%, rgba(255,255,255,0) 50%),
    linear-gradient(105deg, #1a4a66, #276081);
  border-color: #1a4a66; color: #fff;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.25),
    0 4px 14px rgba(26, 74, 102, .3);
  transform: translateY(-1px);
}
.re-erp-tab.is-land:not(.is-on) {
  border-style: dashed; border-color: #9aaf55;
  background: linear-gradient(180deg, #fbfcf4, #f3f6e8);
  color: #5a6b2e;
}
.re-erp-tab.is-building:not(.is-on) {
  border-color: rgba(39, 96, 129, .35);
}
.re-erp-tab.is-land.is-on {
  background-image:
    linear-gradient(180deg, rgba(255,255,255,.15), transparent 50%),
    linear-gradient(105deg, #5a6b2e, #7a8f3c);
  border-color: #4a5a24;
}
.re-erp-tab-name { font-size: .88rem; font-weight: 750; line-height: 1.2; white-space: nowrap; }
.re-erp-tab.is-slim .re-erp-tab-name { font-size: .8rem; }
.re-erp-tab small { font-size: .64rem; color: var(--re-ink-soft); white-space: nowrap; }
.re-erp-tab.is-on small { color: rgba(255, 255, 255, .8); }
.re-erp-tab-ico {
  flex: 0 0 auto; border: none; background: transparent; cursor: pointer;
  padding: 0 .4rem; font-size: .9rem; color: #cd9c80; border-radius: 5px;
}
.re-erp-tab-ico:hover { background: rgba(0, 0, 0, .06); color: var(--re-accent); }

/* Units stage — cards or table live directly under the strips */
.re-erp-stage {
  background: var(--re-surface); border: 1px solid var(--re-line); border-radius: 6px;
  padding: .6rem .7rem;
}

/* ═══════════════════════════════════════════════════════════════════
   Property operations workspace — rail + stage split (light ERP)
   ═══════════════════════════════════════════════════════════════════ */
.re-prop-shell {
  display: grid; grid-template-columns: 268px minmax(0, 1fr);
  gap: .65rem; align-items: start;
}
@media (max-width: 1080px) { .re-prop-shell { grid-template-columns: 1fr; } }

/* ── Rail: portfolio list ── */
.re-prop-rail {
  background: var(--re-surface); border: 1px solid var(--re-line); border-radius: 8px;
  overflow: hidden; position: sticky; top: .5rem;
}
@media (max-width: 1080px) { .re-prop-rail { position: static; } }
.re-rail-head {
  display: flex; align-items: center; justify-content: space-between; gap: .5rem;
  padding: .45rem .6rem; background: var(--re-surface-alt);
  border-bottom: 1px solid var(--re-line);
}
.re-rail-head h3 { margin: 0; font-size: .78rem; font-weight: 750; color: var(--re-ink); text-transform: uppercase; letter-spacing: .04em; }
.re-rail-head .muted { font-size: .72rem; }
.re-rail-search { padding: .4rem .5rem; border-bottom: 1px solid var(--re-line-soft); }
.re-rail-search .field-input { width: 100%; min-height: 1.9rem; font-size: .8rem; padding: .25rem .45rem; }
.re-rail-list { display: flex; flex-direction: column; max-height: 62vh; overflow-y: auto; }
.re-prop-card {
  position: relative; display: block; width: 100%; text-align: start;
  padding: .5rem .6rem; background: transparent; border: none;
  border-bottom: 1px solid var(--re-line-soft); cursor: pointer;
  transition: background .12s;
}
.re-prop-card:last-child { border-bottom: none; }
.re-prop-card:hover { background: var(--re-surface-alt); }
.re-prop-card.is-selected { background: var(--re-accent-wash); box-shadow: inset 3px 0 0 var(--re-accent); }
[dir="rtl"] .re-prop-card.is-selected { box-shadow: inset -3px 0 0 var(--re-accent); }
.re-prop-card-top { display: flex; align-items: center; justify-content: space-between; gap: .35rem; }
.re-prop-name { font-size: .85rem; font-weight: 700; color: var(--re-ink); line-height: 1.25; }
.re-prop-kind {
  flex-shrink: 0; font-size: .62rem; font-weight: 700; padding: .1rem .35rem; border-radius: 3px;
  background: var(--re-accent-wash); color: var(--re-accent-ink); border: 1px solid rgba(39, 96, 129, .18);
}
.re-prop-kind.land { background: #fef6e7; color: #92600a; border-color: rgba(146, 96, 10, .2); }
.re-prop-kind.complex { background: #f1f0fb; color: #4c4a7a; border-color: rgba(76, 74, 122, .2); }
.re-prop-sub { display: block; font-size: .68rem; color: var(--re-ink-soft); margin-top: .1rem; }
.re-prop-stats { display: flex; gap: .3rem; margin-top: .35rem; flex-wrap: wrap; }
.re-prop-stat {
  display: inline-flex; align-items: baseline; gap: .2rem;
  font-size: .64rem; color: var(--re-ink-soft); padding: .08rem .35rem;
  border: 1px solid var(--re-line-soft); border-radius: 3px; background: var(--re-surface-alt);
}
.re-prop-stat b { font-size: .72rem; font-variant-numeric: tabular-nums; color: var(--re-ink); }
.re-prop-stat.vac b { color: var(--re-vacant); }
.re-prop-stat.occ b { color: var(--re-rented); }
.re-rail-foot { padding: .45rem .5rem; border-top: 1px solid var(--re-line); background: var(--re-surface-alt); }
.re-rail-foot .btn-primary { width: 100%; }
.re-rail-empty { padding: 1.25rem .75rem; text-align: center; font-size: .78rem; color: var(--re-ink-soft); }

/* ── Stage: selected property ── */
.re-prop-stage { min-width: 0; display: flex; flex-direction: column; gap: .6rem; }
.re-stage-head {
  display: flex; flex-wrap: wrap; align-items: flex-start; gap: .65rem;
  padding: .6rem .8rem; background: var(--re-surface);
  border: 1px solid var(--re-line); border-radius: 8px;
  box-shadow: inset 0 3px 0 var(--re-accent);
}
.re-stage-id { min-width: 0; flex: 1 1 14rem; }
.re-stage-id h2 { margin: 0; font-size: 1.05rem; font-weight: 800; color: var(--re-ink); line-height: 1.2; }
.re-stage-id p { margin: .15rem 0 0; font-size: .74rem; color: var(--re-ink-soft); }
.re-stage-metrics { display: flex; gap: .4rem; flex-wrap: wrap; }
.re-stage-metric {
  min-width: 4.75rem; padding: .3rem .55rem; border-radius: 6px;
  background: var(--re-surface-alt); border: 1px solid var(--re-line-soft); text-align: center;
}
.re-stage-metric span { display: block; font-size: .62rem; color: var(--re-ink-soft); font-weight: 650; }
.re-stage-metric strong { font-size: 1.05rem; font-weight: 800; color: var(--re-ink); font-variant-numeric: tabular-nums; }
.re-stage-metric.vac strong { color: var(--re-vacant); }
.re-stage-metric.occ strong { color: var(--re-rented); }
.re-stage-actions { display: flex; gap: .35rem; align-items: center; flex-wrap: wrap; }
.re-stage-body {
  background: var(--re-surface); border: 1px solid var(--re-line); border-radius: 8px; padding: .65rem .75rem;
}
.re-stage-section-head {
  display: flex; flex-wrap: wrap; align-items: center; gap: .5rem;
  margin-bottom: .5rem; padding-bottom: .4rem; border-bottom: 1px solid var(--re-line-soft);
}
.re-stage-section-head h3 {
  margin: 0; font-size: .8rem; font-weight: 750; color: var(--re-ink);
  text-transform: uppercase; letter-spacing: .04em;
}

/* ── Segmented status filter ── */
.re-seg-filter {
  display: inline-flex; border: 1px solid var(--re-line); border-radius: 6px;
  overflow: hidden; background: var(--re-surface-alt);
}
.re-seg-filter button {
  border: none; background: transparent; color: var(--re-ink-soft);
  padding: .26rem .7rem; font-size: .74rem; font-weight: 650; cursor: pointer;
  border-inline-end: 1px solid var(--re-line);
}
.re-seg-filter button:last-child { border-inline-end: none; }
.re-seg-filter button:hover { background: var(--re-accent-wash); color: var(--re-accent); }
.re-seg-filter button.is-on { background: var(--re-accent); color: #fff; }
.re-seg-filter button.is-on.vac { background: var(--re-vacant); }
.re-seg-filter button.is-on.occ { background: var(--re-rented); }
.re-unit-search { min-width: 10rem; max-width: 16rem; min-height: 1.9rem; font-size: .8rem; padding: .25rem .45rem; }

/* ── Floor chips ── */
.re-floor-strip {
  display: flex; flex-wrap: nowrap; align-items: stretch; gap: .35rem;
  padding: .4rem .55rem; margin-bottom: .55rem; width: 100%;
  background: var(--re-surface-alt); border: 1px solid var(--re-line-soft); border-radius: 6px;
  overflow-x: auto;
}
.re-floor-strip > .label { font-size: .66rem; font-weight: 700; color: var(--re-ink-soft); text-transform: uppercase; letter-spacing: .04em; margin-inline-end: .2rem; flex: 0 0 auto; align-self: center; }
.re-floor-chip {
  display: inline-flex; align-items: center; justify-content: space-between; gap: .35rem;
  flex: 1 1 0; min-width: 5.5rem;
  padding: .35rem .65rem; border-radius: 6px; font-size: .8rem; font-weight: 650;
  border: 1px solid var(--re-line); background: var(--re-surface); color: var(--re-ink); cursor: pointer;
  transition: .12s;
}
.re-floor-chip small { font-size: .66rem; color: var(--re-ink-soft); font-variant-numeric: tabular-nums; }
.re-floor-chip:hover { border-color: var(--re-accent-soft); background: var(--re-accent-wash); }
.re-floor-chip.is-on { background: var(--re-accent); border-color: var(--re-accent); color: #fff; }
.re-floor-chip.is-on small { color: rgba(255, 255, 255, .78); }

/* Floor chips also applied when using re-erp-tabs for floors */
.re-erp-tabs.re-floor-fill {
  display: flex; width: 100%; gap: .35rem; flex-wrap: nowrap;
}
.re-erp-tabs.re-floor-fill .re-erp-tab-wrap,
.re-erp-tabs.re-floor-fill > .re-erp-tab {
  flex: 1 1 0; min-width: 0;
}

/* ── Land / non-building property panel (no fake empty unit grid) ── */
.re-land-panel { display: grid; gap: .6rem; }
.re-land-note {
  display: flex; gap: .55rem; align-items: flex-start;
  padding: .6rem .75rem; border-radius: 6px;
  background: #fef6e7; border: 1px solid rgba(146, 96, 10, .22); color: #6b4708;
}
.re-land-note .ico { font-size: 1.05rem; line-height: 1; }
.re-land-note strong { display: block; font-size: .82rem; margin-bottom: .15rem; }
.re-land-note p { margin: 0; font-size: .74rem; line-height: 1.45; }
.re-land-note--compact {
  align-items: center;
  padding: .35rem .55rem;
  margin-bottom: .4rem;
  background: var(--re-accent-wash);
  border-color: rgba(39, 96, 129, .18);
  color: var(--re-ink);
}
.re-land-note--compact strong {
  display: inline; margin: 0; font-size: .78rem; font-weight: 700;
}
.re-land-facts {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr)); gap: .45rem;
}
.re-fact {
  padding: .45rem .6rem; border-radius: 6px;
  background: var(--re-surface-alt); border: 1px solid var(--re-line-soft);
}
.re-fact span { display: block; font-size: .64rem; color: var(--re-ink-soft); font-weight: 650; margin-bottom: .1rem; }
.re-fact strong { font-size: .88rem; font-weight: 750; color: var(--re-ink); word-break: break-word; }
.re-land-desc {
  padding: .55rem .7rem; border-radius: 6px; border: 1px solid var(--re-line-soft);
  background: var(--re-surface); font-size: .78rem; color: var(--re-ink-soft); line-height: 1.55;
}
.re-land-desc h4 { margin: 0 0 .3rem; font-size: .74rem; color: var(--re-accent); text-transform: uppercase; letter-spacing: .04em; }

.re-inline-empty {
  padding: 1.5rem 1rem; text-align: center; border: 1px dashed var(--re-line);
  border-radius: 8px; background: var(--re-surface-alt);
}
.re-inline-empty p { margin: 0 0 .6rem; font-size: .8rem; color: var(--re-ink-soft); }

/* ── Lease card hierarchy ── */
.re-lease-no {
  display: flex; align-items: center; justify-content: space-between; gap: .35rem;
  font-size: 1rem; font-weight: 800; color: var(--re-ink); letter-spacing: .01em;
  cursor: pointer; margin-bottom: .2rem;
}
.re-lease-no:hover { color: var(--re-accent); }
.re-lease-rows { display: grid; gap: .15rem; margin: .3rem 0 0; }
.re-lease-row { display: flex; gap: .4rem; font-size: .74rem; line-height: 1.35; }
.re-lease-row span { color: var(--re-ink-soft); min-width: 3.4rem; }
.re-lease-row b { color: var(--re-ink); font-weight: 650; }
.re-lease-term {
  display: inline-flex; align-items: center; gap: .3rem; margin-top: .35rem;
  padding: .18rem .45rem; border-radius: 4px; background: var(--re-surface-alt);
  border: 1px solid var(--re-line-soft); font-size: .7rem; color: var(--re-ink);
  font-variant-numeric: tabular-nums;
  /* A date range always reads start→end, even inside an RTL page */
  direction: ltr;
}
.re-lease-term .arrow { color: var(--re-ink-soft); }
.re-lease-term.is-invalid { background: #fef3f2; border-color: rgba(180, 35, 24, .25); color: var(--re-rented); }
.re-lease-kind {
  display: inline-block; font-size: .66rem; font-weight: 700; color: var(--re-accent-ink);
  background: var(--re-accent-wash); border: 1px solid rgba(39, 96, 129, .16);
  border-radius: 3px; padding: .08rem .35rem; margin-bottom: .1rem;
}

/* ── Sheet modal (tabbed record editor) ── */
.re-sheet { display: flex; flex-direction: column; }
.re-sheet-tabs {
  display: flex; flex-wrap: wrap; gap: 0; padding: 0 1rem;
  background: var(--re-surface); border-bottom: 1px solid var(--re-line);
}
.re-sheet-tab {
  border: none; background: transparent; cursor: pointer;
  padding: .45rem .85rem; font-size: .78rem; font-weight: 650; color: var(--re-ink-soft);
  border-bottom: 2px solid transparent; margin-bottom: -1px;
}
.re-sheet-tab:hover { color: var(--re-accent); }
.re-sheet-tab.is-on { color: var(--re-accent); border-bottom-color: var(--re-accent); }
.re-sheet-panels { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .75rem; }
@media (max-width: 1100px) { .re-sheet-panels { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .re-sheet-panels { grid-template-columns: 1fr; } }
.re-sheet-panels.is-tabbed { grid-template-columns: 1fr; }
/* Nested .re-sheet-grid owns the columns — do NOT grid the section itself
   (that squeezed the whole form into one column of a 3-col parent). */
.re-sheet-panels.is-tabbed .re-modal-section:has(.re-sheet-grid) {
  display: block;
}
.re-sheet-panels.is-tabbed .re-modal-section:not(:has(.re-sheet-grid)) {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 1rem; align-items: start;
}
@media (min-width: 1200px) {
  .re-sheet-panels.is-tabbed .re-modal-section:not(:has(.re-sheet-grid)) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 640px) {
  .re-sheet-panels.is-tabbed .re-modal-section:not(:has(.re-sheet-grid)) { grid-template-columns: 1fr; }
}
.re-sheet-panels.is-tabbed .re-modal-section > h4,
.re-sheet-panels.is-tabbed .re-modal-section > .re-field-wide { grid-column: 1 / -1; }
.re-sheet-panels.is-tabbed .re-modal-section > .re-field-pair {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 1rem;
  align-items: start;
}
.re-sheet-panels.is-tabbed .re-modal-section > .re-field-pair > .re-field { margin-bottom: .5rem; }
@media (max-width: 640px) {
  .re-sheet-panels.is-tabbed .re-modal-section > .re-field-pair { grid-template-columns: 1fr; }
}
.re-field { display: flex; flex-direction: column; gap: .18rem; margin-bottom: .5rem; min-width: 0; }
.re-field > label {
  font-size: .72rem; font-weight: 750; color: var(--re-accent-ink);
  letter-spacing: .01em;
  min-height: 1.05rem;
}
.re-field .field-input,
.re-fld .field-input,
.re-fld-ctrl,
.re-modal-grid .field-input,
.re-modal-grid select.field-input,
.re-modal-grid .searchable-select-trigger,
.re-bld-grid .field-input,
.re-bld-grid select.field-input,
.re-bld-grid .searchable-select-trigger {
  min-height: 2.15rem; height: 2.15rem; box-sizing: border-box;
  font-size: .84rem; width: 100%; max-width: none;
}
.re-field input[type="date"].field-input { max-width: none; width: 100%; }
.re-field input[type="number"].field-input { max-width: none; width: 100%; }
.re-sheet-panels.is-tabbed .re-field .field-input,
.re-sheet-panels.is-tabbed .re-field select.field-input,
.re-sheet-panels.is-tabbed .re-field .searchable-select-trigger,
.re-sheet-panels.is-tabbed .re-field .searchable-select-wrap {
  max-width: none !important;
  width: 100% !important;
}
.re-field textarea.field-input,
.re-fld textarea.field-input,
.re-ta-sm { min-height: 4.5rem; height: auto; max-width: 42rem; resize: vertical; }
.re-field small { font-size: .66rem; color: var(--re-ink-soft); }
.re-page .form-grid.jw-contract-meta {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .45rem .65rem; max-width: 52rem;
}
.re-page .form-grid.jw-contract-meta .field-input,
.re-page .form-grid.jw-contract-meta select.field-input { max-width: 20rem; width: 100%; }
.re-page .form-grid.jw-contract-meta .full-width { grid-column: 1 / -1; }
@media (max-width: 900px) {
  .re-page .form-grid.jw-contract-meta { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .re-page .form-grid.jw-contract-meta { grid-template-columns: 1fr; }
}
.re-page-lead, .re-page .page-lead { display: none !important; }
.re-attach-panel {
  display: grid; gap: .5rem; max-width: 42rem;
  padding: .65rem .75rem; border-radius: 8px;
  border: 2px dashed var(--re-accent-soft);
  background: linear-gradient(180deg, var(--re-accent-wash) 0%, var(--re-surface-alt) 100%);
}
.re-attach-panel input[type="file"] {
  font-size: .78rem; max-width: 100%;
  padding: .35rem .5rem; border-radius: 6px;
  border: 1px solid var(--re-line); background: var(--re-surface);
}
.re-attach-list { list-style: none; margin: 0; padding: 0; display: grid; gap: .25rem; }
.re-attach-list li {
  display: flex; align-items: center; gap: .5rem;
  padding: .25rem .45rem; border: 1px solid var(--re-line-soft); border-radius: 5px;
  background: var(--re-surface-alt); font-size: .78rem;
}
.re-attach-list li a { font-weight: 650; color: var(--re-accent); word-break: break-all; }
.re-attach-list li .re-icon-btn { margin-inline-start: auto; }
.re-readout {
  display: flex; justify-content: space-between; align-items: baseline; gap: .5rem;
  padding: .35rem .5rem; border-radius: 5px; background: var(--re-surface-alt);
  border: 1px solid var(--re-line-soft); font-size: .78rem; margin-bottom: .35rem;
}
.re-readout span { color: var(--re-ink-soft); font-weight: 650; }
.re-readout b { font-variant-numeric: tabular-nums; font-weight: 800; color: var(--re-ink); }
.re-readout.pos b { color: var(--re-vacant); }
.re-readout.neg b { color: var(--re-rented); }
.re-readout.total { background: var(--re-accent-wash); border-color: rgba(39, 96, 129, .2); }
.re-readout.total b { color: var(--re-accent-ink); font-size: .95rem; }

/* ── Receipts / vouchers table ── */
.re-receipt-table { width: 100%; border-collapse: collapse; font-size: .82rem; }
.re-receipt-table th {
  padding: .4rem .55rem; text-align: start; font-size: .68rem; font-weight: 700;
  text-transform: uppercase; letter-spacing: .04em; color: var(--re-ink-soft);
  background: var(--re-surface-alt); border-bottom: 2px solid var(--re-accent);
  position: sticky; top: 0; z-index: 1;
}
.re-receipt-table td { padding: .34rem .55rem; border-bottom: 1px solid var(--re-line-soft); }
.re-receipt-table tbody tr:hover { background: var(--re-accent-wash); }
.re-receipt-table .num { font-variant-numeric: tabular-nums; font-weight: 700; text-align: end; }
.re-receipt-table .no { font-weight: 750; color: var(--re-ink); }
.re-type-pill {
  display: inline-block; padding: .1rem .45rem; border-radius: 3px;
  font-size: .68rem; font-weight: 700; white-space: nowrap;
  background: var(--re-accent-wash); color: var(--re-accent-ink); border: 1px solid rgba(39, 96, 129, .18);
}
.re-type-pill.t-rent { background: #eff8ff; color: #175cd3; border-color: rgba(23, 92, 211, .2); }
.re-type-pill.t-dep { background: #f0fdf4; color: var(--re-vacant); border-color: rgba(21, 128, 61, .2); }
.re-type-pill.t-out { background: #fef3f2; color: var(--re-rented); border-color: rgba(180, 35, 24, .2); }
.re-type-pill.t-fee { background: #fef6e7; color: #92600a; border-color: rgba(146, 96, 10, .2); }
.re-post-state { font-size: .7rem; font-weight: 650; color: var(--re-ink-soft); }
.re-post-state.is-posted { color: var(--re-vacant); }
.re-print-btn { white-space: nowrap; }

@media (max-width: 760px) {
  .re-stage-head { flex-direction: column; align-items: stretch; }
  .re-stage-actions { justify-content: flex-start; }
  .re-rail-list { max-height: none; }
}

/* ═══════════════════════════════════════════════════════════════════
   Wave C — Buildings workspace chrome + filled building modal
   ═══════════════════════════════════════════════════════════════════ */
.re-erp-chrome-count {
  font-size: .78rem; font-weight: 650; opacity: .85; margin-inline-start: .15rem;
}
.re-erp-chrome-btn {
  border: 1px solid rgba(33, 136, 56, .35); background: #28a745;
  color: #fff; cursor: pointer; white-space: nowrap;
  padding: .32rem .85rem; border-radius: 8px;
  font-size: .8rem; font-weight: 700;
  box-shadow: 0 1px 3px rgba(26, 74, 102, .1);
}
.re-erp-chrome-btn:hover:not(:disabled) { filter: brightness(1.05); background: #218838; }
.re-erp-chrome-btn:disabled { opacity: .55; cursor: not-allowed; }
.re-erp-chrome-btn.ghost {
  background: #fff; border-color: var(--re-line); color: var(--re-accent-ink);
  box-shadow: none;
}
.re-erp-chrome-btn.ghost:hover:not(:disabled) { background: var(--re-accent-wash); filter: none; border-color: var(--re-accent-soft); }

.re-bld-filters {
  align-items: center; flex-wrap: wrap;
}
.re-bld-filters .re-switch { align-self: center; padding-bottom: .1rem; }
.re-erp-filter-search {
  flex: 1 1 12rem; min-width: 10rem; margin-inline-start: auto;
}
.re-erp-filter-search .field-input { width: 100%; max-width: 22rem; }

/* Full-width building tabs — equal flex fill, no left dead space */
.re-erp-tabs.re-bld-fill {
  display: flex; width: 100%; gap: .35rem; flex-wrap: nowrap;
  padding: .4rem .25rem; margin-bottom: .35rem;
  background: var(--re-surface); border: 1px solid var(--re-line-soft); border-radius: 6px;
}
.re-erp-tabs.re-bld-fill .re-erp-tab-wrap,
.re-erp-tabs.re-bld-fill > .re-erp-tab {
  flex: 1 1 0; min-width: 7rem;
}

/* Modal header — light fiscal strip (v41), not filled navy */
.re-modal-header--erp {
  background-image: none;
  background: linear-gradient(180deg, #ffffff 0%, #f4f8fb 100%);
  color: var(--re-ink);
  border-bottom: 3px solid var(--re-accent);
  box-shadow: inset 0 1px 0 #fff, 0 4px 14px rgba(26, 74, 102, .08);
  padding: .65rem 1rem;
}
.re-modal-header--erp h3 { color: var(--re-accent-ink); font-weight: 800; font-size: 1.05rem; letter-spacing: .01em; }
.re-modal-header--erp small { color: var(--re-ink-soft) !important; }
.re-modal-header-actions { display: inline-flex; align-items: center; gap: .4rem; }

.re-bld-modal { width: min(1280px, 100%); }
.re-bld-modal-body { padding: .75rem .85rem 1rem; background: var(--re-paper); }

.re-bld-sections {
  display: flex;
  flex-direction: column;
  gap: .55rem;
  width: 100%;
  max-width: none;
}
/* Main + location side-by-side only when both are short; never stretch empty voids */
.re-bld-sections-top {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
  gap: .55rem .7rem;
  align-items: start;
  width: 100%;
}
@media (max-width: 900px) {
  .re-bld-sections-top { grid-template-columns: 1fr; }
}

.re-bld-section {
  margin: 0; min-width: 0;
  display: flex; flex-direction: column; gap: .35rem;
  background: var(--re-surface); border: 1px solid var(--re-line-soft);
  border-radius: 8px; padding: .55rem .65rem .65rem;
  align-self: stretch; height: auto; min-height: 0;
}
.re-bld-section--media { margin-top: .15rem; }
.re-bld-media-hint { margin: .4rem 0 0; }

.re-modal-legend {
  display: inline-flex; align-items: center; gap: .35rem; align-self: flex-start;
  padding: .22rem .6rem; margin: 0 0 .1rem; border-radius: 5px;
  background-image: linear-gradient(#276081, #276081, #276081);
  color: #fff; font-size: .74rem; font-weight: 750; white-space: nowrap;
  box-shadow: 0 1px 3px rgba(39, 96, 129, .25);
}
.re-modal-legend .hint-tooltip,
.re-modal-legend .hint-btn { color: rgba(255, 255, 255, .9); }

/* Compact 3-column field grid — fills section width */
.re-bld-grid,
.re-modal-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .35rem .55rem;
  width: 100%;
  max-width: none;
  align-items: start;
}
@media (max-width: 720px) {
  .re-bld-grid,
  .re-modal-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 480px) {
  .re-bld-grid,
  .re-modal-grid { grid-template-columns: 1fr; }
}
/* AR|EN descriptions side-by-side — never stacked towers */
.re-bld-grid--desc,
.re-modal-grid--desc {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 560px) {
  .re-bld-grid--desc,
  .re-modal-grid--desc { grid-template-columns: 1fr; }
}
.re-bld-grid .full-width,
.re-bld-grid .form-field.full-width,
.re-bld-grid .field-group.full-width,
.re-bld-grid > .full-width,
.re-modal-grid .full-width,
.re-modal-grid .field-group.full-width,
.re-modal-grid > .full-width { grid-column: 1 / -1; }
.re-bld-grid .field-input,
.re-bld-grid select.field-input,
.re-bld-grid .searchable-select,
.re-bld-grid .searchable-select-trigger,
.re-modal-grid .field-input,
.re-modal-grid select.field-input,
.re-modal-grid .searchable-select-trigger {
  width: 100%; max-width: none;
}
.re-bld-grid .field-group,
.re-modal-grid .field-group { min-width: 0; }
.re-bld-grid .field-label,
.re-modal-grid .field-label {
  font-size: .7rem; font-weight: 650; color: var(--re-ink-soft);
}

/* Short textareas — 3–4 rows, no giant empty towers */
.re-ta-sm,
textarea.re-ta-sm,
.re-bld-grid textarea.re-ta-sm,
.re-modal-grid textarea.re-ta-sm {
  min-height: 4.2rem !important; /* ~3 rows */
  height: auto;
  max-height: 6.5rem;
  resize: vertical;
  font-size: .8rem;
  line-height: 1.35;
  padding: .35rem .5rem;
}

.re-bld-map {
  min-height: 0; height: auto; border-radius: 6px; overflow: hidden;
  border: 1px solid var(--re-line-soft); background: var(--re-surface-alt);
}
.re-bld-map .org-map-section { margin: 0; }
.re-bld-map .org-map-search {
  display: flex; flex-wrap: wrap; gap: .3rem; margin-bottom: .3rem;
}
.re-bld-map .org-map-search .field-input {
  flex: 1 1 8rem; min-height: 1.9rem; height: 1.9rem; font-size: .76rem; padding: .2rem .4rem;
}
.re-bld-map .org-map-toolbar {
  display: flex; flex-wrap: wrap; align-items: center; gap: .3rem .4rem;
  margin-bottom: .3rem; font-size: .7rem;
}
.re-bld-map .org-map-toolbar .btn-secondary,
.re-bld-map .org-map-search .btn-secondary {
  padding: .2rem .45rem; font-size: .7rem; min-height: 1.85rem;
}
.re-bld-map .org-map-hint { font-size: .65rem; color: var(--re-ink-soft); }
.re-bld-map .org-map-coords { font-size: .7rem; }
.re-bld-map .org-map,
.re-bld-map .org-map-section .org-map,
.re-bld-map .leaflet-container,
.re-page .re-bld-map .org-map,
.re-page .re-bld-map .leaflet-container {
  height: 160px !important;
  min-height: 140px !important;
  max-height: 170px !important;
  border-radius: 6px;
}
.re-editor-dense .re-bld-map .org-map,
.re-editor-dense .re-bld-map .leaflet-container {
  height: 150px !important;
  min-height: 130px !important;
  max-height: 160px !important;
}
/* Description + holding should span full modal width under the 2-col pair */
.re-bld-sections > .re-bld-section:nth-child(3),
.re-bld-sections > .re-bld-section:nth-child(4) {
  grid-column: 1 / -1;
}

.re-floor-active {
  color: var(--re-accent); font-weight: 800; margin-inline-start: .15rem;
}

.re-bld-check {
  display: inline-flex; align-items: center; gap: .4rem;
  font-size: .78rem; font-weight: 650; color: var(--re-ink);
  padding: .3rem .5rem; border-radius: 6px;
  background: var(--re-accent-wash); border: 1px solid rgba(39, 96, 129, .18);
  cursor: pointer; user-select: none; margin: 0;
}
.re-bld-check input { accent-color: var(--re-accent); width: .95rem; height: .95rem; flex-shrink: 0; }
.re-bld-check--inline {
  align-self: end; margin-bottom: .05rem; padding: .35rem .55rem;
  height: 2.1rem; box-sizing: border-box;
}

/* Styled media dropzone — replaces raw Choose File */
.re-dropzone {
  position: relative; display: flex; flex-direction: column; align-items: center;
  justify-content: center; gap: .2rem;
  min-height: 5.5rem; padding: .85rem 1rem; margin: 0 0 .45rem;
  border: 2px dashed rgba(39, 96, 129, .35); border-radius: 8px;
  background: linear-gradient(180deg, var(--re-accent-wash) 0%, #fff 70%);
  cursor: pointer; text-align: center; transition: border-color .12s, background .12s;
}
.re-dropzone:hover {
  border-color: var(--re-accent); background: linear-gradient(180deg, #e0edf5 0%, #fff 70%);
}
.re-dropzone-input {
  position: absolute; inset: 0; width: 100%; height: 100%;
  opacity: 0; cursor: pointer; font-size: 0; z-index: 2;
}
.re-dropzone-ico {
  font-size: 1.25rem; line-height: 1; color: var(--re-accent); pointer-events: none;
  display: inline-grid; place-items: center; width: 1.6rem; height: 1.6rem;
}
.re-dropzone-ico::before {
  content: "";
  width: .95rem; height: .95rem;
  border: 2px solid currentColor;
  border-radius: 4px;
  box-shadow: inset 0 -3px 0 currentColor;
  opacity: .85;
}
.re-dropzone-title {
  font-size: .82rem; font-weight: 750; color: var(--re-accent-ink); pointer-events: none;
}
.re-dropzone-hint {
  font-size: .68rem; color: var(--re-ink-soft); pointer-events: none;
}
.re-media-panel { margin-top: .15rem; display: grid; gap: .4rem; }
.re-unit-modal { width: min(1080px, 100%); }
.re-unit-modal .re-bld-section { margin-bottom: .45rem; }
.re-unit-modal .re-modal-grid { margin-bottom: 0; }

/* Schedule / status soft pills — no solid red bars */
.re-sched-table tr.is-overdue td { background: #fdf6f7; }
.re-sched-table tr.is-due td { background: #fffbeb; }
.re-sched-table tr.is-paid td { background: #f8fcf9; }
.re-sched-table tr.is-selected td {
  background: var(--re-accent-wash) !important;
  box-shadow: inset 3px 0 0 var(--re-accent);
}
[dir="rtl"] .re-sched-table tr.is-selected td {
  box-shadow: inset -3px 0 0 var(--re-accent);
}
.re-sched-table thead th {
  position: sticky; top: 0; z-index: 2;
  background: linear-gradient(180deg, #eef5f9, #e4eef4);
  box-shadow: 0 1px 0 var(--re-line);
}
.re-page.re-lux .re-erp-chrome {
  position: sticky; top: 0; z-index: 20;
}
.re-status-pill {
  display: inline-block; padding: .12rem .5rem; border-radius: 999px;
  font-size: .68rem; font-weight: 750; border: 1px solid transparent;
}
.re-status-pill.is-overdue { background: #fdf6f7; color: #842029; border-color: rgba(220,53,69,.2); }
.re-status-pill.is-due { background: #fffbeb; color: #92400e; border-color: rgba(217,119,6,.22); }
.re-status-pill.is-paid { background: #f1faf3; color: #155724; border-color: rgba(40,167,69,.22); }

/* Dual dense panels (utilities / landlords form beside list) */
.re-dual-panels {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .55rem; margin-bottom: .55rem;
}
@media (max-width: 960px) { .re-dual-panels { grid-template-columns: 1fr; } }
.re-dual-panel {
  background: var(--re-surface); border: 1px solid var(--re-line); border-radius: 8px;
  padding: .55rem .7rem;
}
.re-dual-panel h4,
.re-dual-panel > h4 {
  margin: 0 0 .45rem !important;
  padding: .1rem 0 .35rem !important;
  font-size: .8rem !important;
  font-weight: 800;
  color: var(--re-accent-ink) !important;
  display: flex; align-items: center; gap: .35rem;
  background: transparent !important;
  background-image: none !important;
  border-radius: 0;
  border-bottom: 2px solid var(--re-accent);
  box-shadow: none !important;
  width: 100%;
}

/* Broker / settings dense editor */
.re-editor-dense {
  background: var(--re-surface); border: 1px solid var(--re-line); border-radius: 8px;
  padding: .55rem .7rem; margin-bottom: .55rem;
}
.re-editor-dense .re-modal-grid { margin-bottom: .35rem; }
.re-editor-dense .re-bld-map { margin-top: .25rem; }
.re-editor-actions {
  display: flex; flex-wrap: wrap; gap: .4rem; align-items: center;
  margin-top: .45rem; padding-top: .4rem; border-top: 1px solid var(--re-line-soft);
}
.re-erp-filters .re-erp-filter-field select.field-input { min-width: 7.5rem; }



/* ═══════════════════════════════════════════════════════════════════
   ZAD LUXURY WAVE 35 — depth, viz motion, soft-3D cards
   ═══════════════════════════════════════════════════════════════════ */
/* v41 — kill filled navy chrome on lux pages; keep light fiscal strip */
.re-page.re-lux .re-erp-chrome,
.re-page.re-lux .re-modal-header--erp,
.re-page.re-lux .re-modal-chrome {
  background-image: none !important;
  background: linear-gradient(180deg, #ffffff 0%, #f4f8fb 100%) !important;
  color: var(--re-ink) !important;
  box-shadow:
    inset 0 1px 0 #fff,
    0 1px 0 rgba(26, 74, 102, .06),
    0 8px 20px rgba(26, 74, 102, .08) !important;
  border: 1px solid var(--re-line) !important;
  border-bottom: 3px solid var(--re-accent) !important;
  border-radius: 12px;
}

.re-page.re-lux .re-erp-chrome {
  min-height: 3rem;
  padding: .55rem .9rem .65rem !important;
  margin-bottom: .65rem !important;
}

.re-page.re-lux .re-erp-chrome-title,
.re-page.re-lux .re-modal-header--erp h3,
.re-page.re-lux .re-modal-chrome h3 {
  font-size: 1.05rem !important;
  letter-spacing: .01em;
  color: var(--re-accent-ink) !important;
  text-shadow: none !important;
}

.re-page.re-lux .re-modal-header--erp .re-erp-chrome-btn.ghost,
.re-page.re-lux .re-modal-chrome .re-modal-chrome-btn {
  border-color: var(--re-line);
  color: var(--re-accent-ink);
  background: #fff;
}
.re-page.re-lux .re-modal-header--erp .re-erp-chrome-btn.ghost:hover,
.re-page.re-lux .re-modal-chrome .re-modal-chrome-btn:hover {
  background: var(--re-accent-wash);
}

.re-page.re-lux .re-holding-chip {
  display: inline-flex; align-items: center; gap: .25rem;
  padding: .2rem .55rem; border-radius: 999px;
  font-size: .68rem; font-weight: 750;
  background: linear-gradient(180deg, #eef5fa, #dfeaf2);
  color: var(--re-accent-ink);
  border: 1px solid rgba(39,96,129,.22);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.8);
}

.re-page.re-lux .re-org-self-pill {
  margin-inline-start: .35rem;
  vertical-align: middle;
  font-size: .65rem;
  padding: .12rem .45rem;
  border-radius: 999px;
}

.re-page.re-lux .re-unit-card {
  border-radius: 16px !important;
  transform: perspective(900px) rotateX(1.5deg) translateZ(0);
  background:
    linear-gradient(165deg, rgba(255,255,255,.99), rgba(240,247,251,.97) 55%, rgba(232,240,244,.95)),
    #fff;
  box-shadow:
    0 0 0 1px rgba(26,74,102,.1),
    0 2px 0 rgba(255,255,255,.85),
    0 10px 18px rgba(26,74,102,.1),
    0 22px 40px rgba(20,58,82,.14) !important;
  transition: transform .18s ease, box-shadow .18s ease;
}
.re-page.re-lux .re-unit-card:hover {
  transform: perspective(900px) rotateX(0deg) translateY(-3px) scale(1.01);
  box-shadow:
    0 0 0 1px rgba(39,96,129,.2),
    0 14px 28px rgba(26,74,102,.16),
    0 28px 48px rgba(20,58,82,.18) !important;
}

.re-page.re-lux .re-unit-card--photo {
  box-shadow:
    0 0 0 1px rgba(26,74,102,.18),
    0 12px 32px rgba(15,23,42,.28) !important;
}

.re-page.re-lux .re-unit-card-top {
  background: transparent !important;
  min-height: auto !important;
  padding: .45rem .7rem .2rem !important;
  border-bottom: none !important;
}

.re-page.re-lux .re-unit-card.is-rented .re-unit-card-top,
.re-page.re-lux .re-unit-card.is-vacant .re-unit-card-top {
  background: transparent !important;
}

.re-page.re-lux .re-unit-card.is-rented .re-badge.rented,
.re-page.re-lux .re-unit-card.is-vacant .re-badge.vacant {
  background: transparent !important;
  color: inherit !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

.re-page.re-lux .re-unit-code {
  font-size: 1.55rem !important;
  letter-spacing: .08em !important;
  color: #143a52 !important;
}

.re-page.re-lux .re-field > label {
  text-transform: none !important;
  letter-spacing: .01em;
  font-size: .72rem;
  font-weight: 750;
  color: var(--re-accent-ink);
}

.re-page.re-lux .re-modal-section {
  border-radius: 12px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
  background: linear-gradient(180deg, #fff, #f7fafc);
}

/* Section titles: fiscal-strip style — NOT stacked solid blue bars */
.re-page.re-lux .re-modal-section h4,
.re-page.re-lux .re-modal-legend {
  background-image: none !important;
  background: transparent !important;
  color: var(--re-accent-ink) !important;
  border-radius: 0;
  border-bottom: 2px solid var(--re-accent);
  padding: .15rem 0 .35rem !important;
  margin: 0 0 .45rem !important;
  font-size: .8rem !important;
  font-weight: 800 !important;
  letter-spacing: .01em;
  box-shadow: none !important;
  width: 100%;
  display: flex;
  align-items: center;
  gap: .35rem;
}
/* (legacy transparent legends removed — suite modals need solid bars + white text) */

.re-page.re-lux .re-sheet-panels.is-tabbed .re-modal-section {
  gap: .55rem .65rem;
  padding: .65rem .7rem;
}

.re-page.re-lux .re-field .field-input,
.re-page.re-lux .re-field select.field-input,
.re-page.re-lux .re-modal-grid .field-input,
.re-page.re-lux .re-fld-ctrl,
.re-page.re-lux .re-fld .searchable-select-trigger {
  min-height: 2.2rem !important;
  height: 2.2rem !important;
  max-height: 2.2rem !important;
  max-width: 100%;
  width: 100%;
  border-radius: 8px;
  border-color: var(--re-line);
  background: #fff;
}
/* Money / short numeric — fit data, not stretch */
.re-page.re-lux .re-field input[type="number"].field-input,
.re-page.re-lux .re-modal-grid input[type="number"].field-input,
.re-page.re-lux .re-dual-panel input[type="number"].field-input {
  max-width: 9.5rem;
}
.re-page.re-lux .re-field input[type="date"].field-input {
  max-width: 10.5rem;
}
.re-page.re-lux .re-sheet-panels .re-modal-section {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(9.5rem, 1fr));
  gap: .45rem .55rem;
  align-items: start;
}
.re-page.re-lux .re-sheet-panels .re-modal-section > h4,
.re-page.re-lux .re-sheet-panels .re-modal-section > .re-readout,
.re-page.re-lux .re-sheet-panels .re-modal-section > .re-tenant-link {
  grid-column: 1 / -1;
}
.re-dual-panel .re-modal-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .35rem .45rem;
}
.re-dual-panel .re-modal-grid input[type="number"].field-input {
  max-width: 8.5rem;
}

.re-page.re-lux .re-erp-tabs.re-bld-fill {
  background: linear-gradient(180deg, rgba(255,255,255,.9), rgba(232,240,244,.75));
  border-radius: 999px;
  padding: .4rem .45rem !important;
  border: 1px solid rgba(39,96,129,.18);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.85), 0 2px 8px rgba(26,74,102,.06);
}

.re-page.re-lux .re-panel {
  border-radius: 14px;
  box-shadow: var(--re-shadow-soft);
  border-color: rgba(39,96,129,.16);
}

.re-page.re-lux .re-panel-head {
  background: linear-gradient(180deg, #f5fafc, #eaf2f7);
  border-bottom: 1px solid var(--re-line);
}

.re-page.re-lux .re-alerts-panel {
  background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(243,248,251,.95));
  border: 1px solid rgba(39,96,129,.16);
  border-radius: 14px;
  padding-bottom: .35rem;
  box-shadow: var(--re-shadow-soft);
}

.re-page.re-lux .re-alerts-kpis {
  gap: .6rem;
  padding: .15rem .65rem .35rem;
}

.re-page.re-lux .re-report-desk,
.re-page.re-lux .re-report-groups {
  border-radius: 12px;
}

.re-page.re-lux .re-kanban-col {
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.7), rgba(232,240,244,.55)),
    repeating-linear-gradient(135deg, transparent, transparent 8px, rgba(39,96,129,.03) 8px, rgba(39,96,129,.03) 9px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.75),
    0 8px 24px rgba(20,58,82,.1);
  border: 1px solid rgba(39,96,129,.14);
  transform: perspective(1200px) rotateY(-.6deg);
}
.re-page.re-lux .re-kanban-col:nth-child(2) { transform: perspective(1200px) rotateY(0deg); }
.re-page.re-lux .re-kanban-col:nth-child(3) { transform: perspective(1200px) rotateY(.6deg); }

.re-page.re-lux .re-kanban-head {
  background-image: linear-gradient(105deg, #1a4a66, #276081);
  color: #fff;
  border-radius: 12px 12px 0 0;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 4px 12px rgba(20,58,82,.2);
}

.re-page.re-lux .re-kanban-head--soft {
  background-image: linear-gradient(105deg, #1a4a66, #276081) !important;
  color: #fff !important;
}

.re-page.re-lux .re-lease-card {
  border-radius: 14px;
  transform: perspective(800px) rotateX(1.2deg);
  background: linear-gradient(165deg, #fff 0%, #f3f8fb 100%);
  box-shadow:
    0 0 0 1px rgba(26,74,102,.1),
    0 2px 0 rgba(255,255,255,.9),
    0 8px 16px rgba(26,74,102,.1),
    0 18px 32px rgba(20,58,82,.12);
  border: 1px solid transparent;
  transition: transform .16s ease, box-shadow .16s ease;
}
.re-page.re-lux .re-lease-card:hover {
  transform: perspective(800px) rotateX(0deg) translateY(-2px);
  box-shadow:
    0 0 0 1px rgba(39,96,129,.22),
    0 12px 24px rgba(26,74,102,.16),
    0 24px 40px rgba(20,58,82,.14);
}

/* ── Animated viz cards (dashboard) ── */
.re-viz-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .85rem;
  margin: .75rem 0 .9rem;
}
@media (max-width: 900px) {
  .re-viz-row { grid-template-columns: 1fr; }
}

.re-viz-card {
  --re-viz-ink: #143a52;
  position: relative;
  border-radius: 16px;
  padding: .85rem 1rem 1rem;
  overflow: hidden;
  isolation: isolate;
  background:
    linear-gradient(155deg, rgba(255,255,255,.97) 0%, rgba(232,240,244,.92) 55%, rgba(214,230,238,.88) 100%);
  border: 1px solid rgba(39,96,129,.18);
  transform: perspective(1100px) rotateX(2.4deg) translateZ(0);
  box-shadow:
    0 1px 0 rgba(255,255,255,.9),
    0 10px 20px rgba(26,74,102,.1),
    0 24px 48px rgba(20,58,82,.16),
    inset 0 0 0 1px rgba(255,255,255,.35);
  transition: transform .2s ease, box-shadow .2s ease;
}
.re-viz-card::before {
  content: "";
  position: absolute; inset: 0; pointer-events: none; z-index: 0;
  background:
    radial-gradient(ellipse 70% 50% at 0% 0%, rgba(57,140,188,.18), transparent 55%),
    radial-gradient(ellipse 50% 40% at 100% 100%, rgba(26,74,102,.12), transparent 50%);
}
.re-viz-card:hover {
  transform: perspective(1100px) rotateX(.4deg) translateY(-3px);
  box-shadow:
    0 1px 0 rgba(255,255,255,.95),
    0 16px 28px rgba(26,74,102,.14),
    0 32px 56px rgba(20,58,82,.18);
}
.re-viz-head {
  position: relative; z-index: 1;
  display: flex; align-items: baseline; justify-content: space-between; gap: .5rem;
  margin-bottom: .55rem;
}
.re-viz-head h3 {
  margin: 0; font-size: .92rem; font-weight: 800; color: var(--re-viz-ink);
  letter-spacing: .01em;
}
.re-viz-period {
  font-size: .68rem; font-weight: 650; color: #4a6272;
  padding: .12rem .45rem; border-radius: 999px;
  background: rgba(39,96,129,.08); border: 1px solid rgba(39,96,129,.12);
}
.re-viz-body { position: relative; z-index: 1; }
.re-viz-body--donut {
  display: flex; align-items: center; gap: 1rem; flex-wrap: wrap;
}
.re-viz-donut-wrap {
  position: relative; width: 9.5rem; height: 9.5rem; flex: 0 0 auto;
  filter: drop-shadow(0 8px 16px rgba(26,74,102,.22));
}
.re-viz-donut { width: 100%; height: 100%; transform: rotate(-90deg); }
.re-viz-donut-track {
  fill: none; stroke: rgba(39,96,129,.12); stroke-width: 12;
}
.re-viz-donut-seg {
  fill: none; stroke-width: 12; stroke-linecap: round;
  stroke-dasharray: 0 var(--re-circ, 289);
  animation: re-donut-draw 1.15s cubic-bezier(.2,.8,.2,1) forwards;
}
.re-viz-donut-seg--occ { stroke: url(#reOccGrad); }
.re-viz-donut-seg--vac {
  stroke: url(#reVacGrad);
  animation-delay: .18s;
}
@keyframes re-donut-draw {
  from { stroke-dasharray: 0 var(--re-circ, 289); stroke-dashoffset: 0; }
  to {
    stroke-dasharray: var(--re-dash, 0) var(--re-gap, 289);
    stroke-dashoffset: var(--re-offset, 0);
  }
}
.re-viz-donut-center {
  position: absolute; inset: 0; display: grid; place-content: center; text-align: center;
  pointer-events: none;
}
.re-viz-donut-center strong {
  font-size: 1.45rem; font-weight: 850; color: #143a52; line-height: 1;
  font-variant-numeric: tabular-nums;
}
.re-viz-donut-center span {
  font-size: .68rem; font-weight: 650; color: #4a6272; margin-top: .2rem;
}
.re-viz-legend {
  list-style: none; margin: 0; padding: 0;
  display: flex; flex-direction: column; gap: .4rem; min-width: 8rem;
}
.re-viz-legend li {
  display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: .4rem;
  font-size: .78rem; color: #2a4050;
}
.re-viz-legend i {
  width: .65rem; height: .65rem; border-radius: 50%;
  box-shadow: 0 0 0 2px rgba(255,255,255,.8), 0 2px 6px rgba(0,0,0,.12);
}
.re-viz-legend .occ i { background: linear-gradient(135deg, #3a8db8, #276081); }
.re-viz-legend .vac i { background: linear-gradient(135deg, #4ade80, #1f9d55); }
.re-viz-legend .tot i { background: linear-gradient(135deg, #94a3b8, #64748b); }
.re-viz-legend b { font-variant-numeric: tabular-nums; color: #143a52; }

.re-viz-body--bars { display: flex; flex-direction: column; gap: .65rem; }
.re-viz-dual {
  display: flex; align-items: flex-end; justify-content: center; gap: 2.2rem;
  min-height: 9.5rem; padding: .4rem .5rem 0;
  perspective: 900px;
}
.re-viz-bar-col {
  display: flex; flex-direction: column; align-items: center; gap: .35rem;
  width: 4.2rem;
}
.re-viz-bar-3d {
  --re-h: 40%;
  position: relative;
  width: 2.6rem;
  height: 7.2rem;
  display: flex; align-items: flex-end; justify-content: center;
  transform-style: preserve-3d;
}
.re-viz-bar-face {
  display: block; width: 100%;
  height: 0;
  border-radius: 6px 6px 3px 3px;
  transform: translateZ(8px);
  animation: re-bar-grow 1s cubic-bezier(.2,.85,.2,1) forwards;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.35);
}
.re-viz-bar-3d.rev .re-viz-bar-face {
  background: linear-gradient(180deg, #4ade80, #1f9d55 70%, #167a40);
}
.re-viz-bar-3d.exp .re-viz-bar-face {
  background: linear-gradient(180deg, #f87171, #c43c4a 70%, #9b2c38);
  animation-delay: .12s;
}
.re-viz-bar-top {
  position: absolute; left: 0; right: 0;
  height: .45rem; border-radius: 4px;
  bottom: calc(var(--re-h) - .2rem);
  transform: rotateX(65deg) translateZ(10px);
  opacity: .85;
  animation: re-bar-top 1s cubic-bezier(.2,.85,.2,1) forwards;
}
.re-viz-bar-3d.rev .re-viz-bar-top { background: #86efac; }
.re-viz-bar-3d.exp .re-viz-bar-top { background: #fca5a5; animation-delay: .12s; }
.re-viz-bar-side {
  position: absolute; top: auto; bottom: 0; left: 100%;
  width: .55rem;
  height: 0;
  transform-origin: left bottom;
  transform: skewY(-28deg);
  opacity: .55;
  animation: re-bar-grow 1s cubic-bezier(.2,.85,.2,1) forwards;
}
.re-viz-bar-3d.rev .re-viz-bar-side { background: #167a40; }
.re-viz-bar-3d.exp .re-viz-bar-side { background: #9b2c38; animation-delay: .12s; }
@keyframes re-bar-grow {
  from { height: 8%; }
  to { height: var(--re-h); }
}
@keyframes re-bar-top {
  from { bottom: calc(8% - .2rem); opacity: 0; }
  to { bottom: calc(var(--re-h) - .2rem); opacity: .85; }
}
.re-viz-bar-val {
  font-size: .78rem; font-weight: 800; font-variant-numeric: tabular-nums;
}
.re-viz-bar-val.in { color: #167a40; }
.re-viz-bar-val.out { color: #9b2c38; }
.re-viz-bar-lbl { font-size: .68rem; font-weight: 650; color: #4a6272; text-align: center; }

.re-viz-spark {
  height: 2.6rem; border-radius: 10px; overflow: hidden;
  background: linear-gradient(180deg, rgba(39,96,129,.06), rgba(39,96,129,.02));
  border: 1px solid rgba(39,96,129,.1);
}
.re-viz-spark svg { width: 100%; height: 100%; display: block; }
.re-viz-spark-rev,
.re-viz-spark-exp {
  fill: none; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round;
  stroke-dasharray: 240; stroke-dashoffset: 240;
  animation: re-spark-draw 1.2s ease-out .25s forwards;
}
.re-viz-spark-rev { stroke: #1f9d55; }
.re-viz-spark-exp { stroke: #c43c4a; animation-delay: .38s; }
@keyframes re-spark-draw {
  to { stroke-dashoffset: 0; }
}

/* Dark / Obsidian theme — keep teal depth readable across lux ops screens */
html[data-theme="dark"] .re-page,
html[data-theme="obsidian"] .re-page {
  --re-paper: #0f1c26;
  --re-surface: #152633;
  --re-surface-alt: #1a2e3d;
  --re-line: #2a4558;
  --re-line-soft: #243848;
  --re-ink: #e8f0f4;
  --re-ink-soft: #9bb0bf;
  --re-accent-wash: #1a3344;
}
html[data-theme="dark"] .re-page.re-lux,
html[data-theme="dark"] .re-page.re-cockpit,
html[data-theme="obsidian"] .re-page.re-lux,
html[data-theme="obsidian"] .re-page.re-cockpit {
  background:
    radial-gradient(ellipse 90% 55% at 50% -10%, rgba(57,140,188,.16), transparent 58%),
    linear-gradient(165deg, rgba(15,28,38,.96) 0%, rgba(21,38,51,.94) 50%, rgba(18,36,51,.97) 100%),
    repeating-linear-gradient(0deg, transparent, transparent 11px, rgba(57,140,188,.04) 11px, rgba(57,140,188,.04) 12px),
    repeating-linear-gradient(90deg, transparent, transparent 11px, rgba(57,140,188,.03) 11px, rgba(57,140,188,.03) 12px);
  border-color: rgba(57,140,188,.22);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    inset 0 0 80px rgba(0,0,0,.35),
    0 14px 40px rgba(0,0,0,.35);
}
html[data-theme="dark"] .re-page.re-lux::after,
html[data-theme="obsidian"] .re-page.re-lux::after {
  box-shadow: inset 0 0 100px rgba(0,0,0,.45);
  mix-blend-mode: normal;
  opacity: .7;
}
html[data-theme="dark"] .re-viz-card,
html[data-theme="obsidian"] .re-viz-card {
  background: linear-gradient(155deg, rgba(26,52,68,.95), rgba(18,36,51,.92));
  border-color: rgba(57,140,188,.28);
  box-shadow:
    0 1px 0 rgba(255,255,255,.06),
    0 12px 28px rgba(0,0,0,.35),
    0 24px 48px rgba(0,0,0,.28);
}
html[data-theme="dark"] .re-viz-head h3,
html[data-theme="dark"] .re-viz-donut-center strong,
html[data-theme="dark"] .re-viz-legend b,
html[data-theme="obsidian"] .re-viz-head h3,
html[data-theme="obsidian"] .re-viz-donut-center strong,
html[data-theme="obsidian"] .re-viz-legend b { color: #e8f0f4; }
html[data-theme="dark"] .re-viz-period,
html[data-theme="dark"] .re-viz-donut-center span,
html[data-theme="dark"] .re-viz-bar-lbl,
html[data-theme="dark"] .re-viz-legend li,
html[data-theme="obsidian"] .re-viz-period,
html[data-theme="obsidian"] .re-viz-donut-center span,
html[data-theme="obsidian"] .re-viz-bar-lbl,
html[data-theme="obsidian"] .re-viz-legend li { color: #9bb0bf; }
html[data-theme="dark"] .re-viz-donut-track,
html[data-theme="obsidian"] .re-viz-donut-track { stroke: rgba(57,140,188,.18); }
html[data-theme="dark"] .re-page.re-lux .re-lease-card,
html[data-theme="dark"] .re-page.re-lux .re-unit-card,
html[data-theme="obsidian"] .re-page.re-lux .re-lease-card,
html[data-theme="obsidian"] .re-page.re-lux .re-unit-card {
  background: linear-gradient(165deg, #1a2e3d, #152633);
  box-shadow:
    0 0 0 1px rgba(57,140,188,.18),
    0 10px 24px rgba(0,0,0,.35) !important;
}
html[data-theme="dark"] .re-page.re-lux .re-kanban-col,
html[data-theme="obsidian"] .re-page.re-lux .re-kanban-col {
  background: linear-gradient(180deg, rgba(26,52,68,.7), rgba(15,28,38,.6));
  border-color: rgba(57,140,188,.2);
}

/* Dark / Obsidian — tables, panels, filters, dual panels, modals, inputs */
html[data-theme="dark"] .re-page .panel-card,
html[data-theme="obsidian"] .re-page .panel-card,
html[data-theme="dark"] .re-page .re-dual-panel,
html[data-theme="obsidian"] .re-page .re-dual-panel {
  background: var(--re-surface);
  border-color: var(--re-line);
  color: var(--re-ink);
  box-shadow: 0 8px 24px rgba(0,0,0,.32);
}
html[data-theme="dark"] .re-page .data-table,
html[data-theme="obsidian"] .re-page .data-table,
html[data-theme="dark"] .re-page .report-table,
html[data-theme="obsidian"] .re-page .report-table {
  color: var(--re-ink);
}
html[data-theme="dark"] .re-page .data-table thead th,
html[data-theme="obsidian"] .re-page .data-table thead th,
html[data-theme="dark"] .re-page .report-table thead th,
html[data-theme="obsidian"] .re-page .report-table thead th {
  background: linear-gradient(180deg, #1e3648, #152633);
  color: #d7e6ef;
  border-color: var(--re-line);
}
html[data-theme="dark"] .re-page .data-table td,
html[data-theme="obsidian"] .re-page .data-table td,
html[data-theme="dark"] .re-page .report-table td,
html[data-theme="obsidian"] .re-page .report-table td {
  border-color: var(--re-line-soft);
  color: var(--re-ink);
}
html[data-theme="dark"] .re-page .data-table tbody tr:nth-child(even) td,
html[data-theme="obsidian"] .re-page .data-table tbody tr:nth-child(even) td {
  background: rgba(26,52,68,.35);
}
html[data-theme="dark"] .re-page .data-table tbody tr:hover td,
html[data-theme="obsidian"] .re-page .data-table tbody tr:hover td {
  background: rgba(57,140,188,.12);
}
html[data-theme="dark"] .re-page .re-erp-filters,
html[data-theme="obsidian"] .re-page .re-erp-filters,
html[data-theme="dark"] .re-page .re-toolbar,
html[data-theme="obsidian"] .re-page .re-toolbar,
html[data-theme="dark"] .re-page .re-ops-bar,
html[data-theme="obsidian"] .re-page .re-ops-bar {
  background: var(--re-surface);
  border-color: var(--re-line);
  color: var(--re-ink);
}
html[data-theme="dark"] .re-page .re-modal,
html[data-theme="obsidian"] .re-page .re-modal {
  background: var(--re-surface);
  border-color: var(--re-line);
  color: var(--re-ink);
  box-shadow:
    0 28px 64px rgba(0,0,0,.55),
    0 8px 24px rgba(0,0,0,.4),
    0 0 0 1px rgba(57,140,188,.2);
}
html[data-theme="dark"] .re-page .re-modal-header,
html[data-theme="obsidian"] .re-page .re-modal-header {
  background: var(--re-surface-alt);
  color: var(--re-ink);
  border-bottom-color: var(--re-line);
}
html[data-theme="dark"] .re-page .re-modal-header h3,
html[data-theme="obsidian"] .re-page .re-modal-header h3 { color: var(--re-ink); }
html[data-theme="dark"] .re-page .field-input,
html[data-theme="obsidian"] .re-page .field-input,
html[data-theme="dark"] .re-page select.field-input,
html[data-theme="obsidian"] .re-page select.field-input,
html[data-theme="dark"] .re-page textarea.field-input,
html[data-theme="obsidian"] .re-page textarea.field-input {
  background: #101c26;
  border-color: var(--re-line);
  color: var(--re-ink);
}
html[data-theme="dark"] .re-page .field-input:focus,
html[data-theme="obsidian"] .re-page .field-input:focus {
  border-color: var(--re-accent-soft);
  box-shadow: 0 0 0 2px rgba(57,140,188,.25);
}
html[data-theme="dark"] .re-page .re-dual-panel > *,
html[data-theme="obsidian"] .re-page .re-dual-panel > * {
  background: var(--re-surface-alt);
  border-color: var(--re-line-soft);
}

@media (max-width: 900px) {
  .re-page.re-lux .re-erp-tabs.re-bld-fill { border-radius: 14px; }
  .re-page.re-lux .re-erp-tab { border-radius: 12px; }
  .re-page.re-lux .re-kanban-col { transform: none; }
}

/* Drawer-embedded RE settings (v37) */
.re-settings-panel { padding: .15rem 0 .35rem; }
.re-settings-drawer-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: .45rem .55rem;
  margin-bottom: .55rem;
}
@media (min-width: 420px) {
  .re-settings-drawer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.re-settings-panel .re-fld .field-input,
.re-settings-panel .re-fld-ctrl {
  min-height: 2.15rem; height: 2.15rem; max-width: none; width: 100%;
}
.re-settings-panel .re-bld-check { display: flex; align-items: center; gap: .4rem; font-size: .8rem; }

/* KNET mock gateway (v40) */
.re-knet-gateway {
  max-width: 28rem;
  margin: 1.25rem auto;
  padding: 1.45rem 1.3rem 1.55rem;
  border-radius: 18px;
  background:
    radial-gradient(ellipse 80% 55% at 12% 0%, rgba(255,255,255,.18), transparent 55%),
    linear-gradient(160deg, #0d7377 0%, #14919b 48%, #0a4d68 100%);
  color: #f4fbfc;
  box-shadow:
    0 1px 0 rgba(255,255,255,.22) inset,
    0 18px 40px rgba(10, 77, 104, .38);
  border: 1px solid rgba(255,255,255,.2);
}
.re-knet-gateway .re-knet-brand {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  font-family: Outfit, "IBM Plex Sans Arabic", sans-serif;
  font-weight: 800;
  letter-spacing: .14em;
  font-size: .95rem;
  text-transform: uppercase;
  margin-bottom: .9rem;
  padding: .35rem .7rem;
  border-radius: 8px;
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.28);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2);
}
.re-knet-gateway .re-knet-brand::before {
  content: "";
  width: 1.35rem; height: 1.35rem;
  border-radius: 6px;
  background:
    linear-gradient(135deg, #f7c948 0%, #e8a317 100%);
  box-shadow: 0 0 0 2px rgba(255,255,255,.35);
  flex: 0 0 auto;
}
.re-knet-gateway .re-knet-meta { margin: .2rem 0; font-size: .88rem; opacity: .94; }
.re-knet-gateway .re-knet-amount {
  margin: .9rem 0 1.05rem;
  font-size: 1.9rem;
  font-weight: 800;
  letter-spacing: .02em;
  font-variant-numeric: tabular-nums;
}
.re-knet-gateway .re-knet-amount span {
  font-size: .85rem; font-weight: 600; opacity: .85; margin-inline-start: .25rem;
}
.re-knet-gateway .re-knet-card {
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.26);
  border-radius: 14px;
  padding: .95rem 1rem;
  margin-bottom: 1.05rem;
  backdrop-filter: blur(6px);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18);
}
.re-knet-gateway .re-knet-card label {
  display: block;
  font-size: .7rem;
  letter-spacing: .05em;
  text-transform: uppercase;
  opacity: .88;
  margin-bottom: .55rem;
}
.re-knet-gateway .re-knet-card .field-input {
  width: 100%;
  margin-top: .28rem;
  background: rgba(8, 32, 42, .62);
  border: 1px solid rgba(255,255,255,.3);
  color: #e8fbff;
  min-height: 2.35rem;
  border-radius: 8px;
  font-family: ui-monospace, "Cascadia Mono", "Consolas", monospace;
  letter-spacing: .14em;
  font-variant-numeric: tabular-nums;
}
.re-knet-gateway .re-knet-card-row {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: .55rem;
}
.re-knet-gateway .re-knet-pay-btn {
  width: 100%;
  border: 0;
  border-radius: 12px;
  padding: .8rem 1rem;
  font-weight: 800;
  font-size: .95rem;
  background: linear-gradient(180deg, #ffe082, #f7c948);
  color: #0a3a3d;
  cursor: pointer;
  box-shadow: 0 4px 14px rgba(0,0,0,.22);
  transition: transform .15s ease, opacity .15s ease;
}
.re-knet-gateway .re-knet-pay-btn:hover:not(:disabled) { transform: translateY(-1px); }
.re-knet-gateway .re-knet-pay-btn:disabled { opacity: .55; cursor: not-allowed; }
.re-knet-gateway .re-knet-auth { margin-top: .65rem; font-size: .8rem; opacity: .9; }
.re-multi-pay-list {
  display: flex;
  flex-direction: column;
  gap: .35rem;
  max-height: 12rem;
  overflow: auto;
  padding: .35rem 0;
}
.re-broker-card-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
  margin-top: .45rem;
}
.sf-re-pay .re-knet-gateway,
.sf-re-gallery .re-knet-gateway { margin-top: 1rem; }

/* �� v38: multi-due checklist + KNET mock gateway �� */
.re-due-checklist {
  display: flex; flex-direction: column; gap: .35rem;
  max-height: 14rem; overflow: auto;
  padding: .35rem .45rem;
  border: 1px solid var(--re-line-soft, #d5e0e8);
  border-radius: 8px;
  background: #fff;
}
.re-due-check {
  display: flex; align-items: flex-start; gap: .45rem;
  font-size: .82rem; cursor: pointer;
}
.re-due-check input { margin-top: .15rem; }
.re-multi-summary {
  display: flex; flex-wrap: wrap; align-items: center; gap: .55rem .85rem;
  margin-top: .55rem; font-size: .82rem;
}
.re-fld--amt .re-fld-ctrl,
.re-fld--amt input[type="number"] { max-width: 12rem !important; }

.re-dual-panels {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .55rem .7rem;
  align-items: start;
}
@media (max-width: 900px) {
  .re-dual-panels { grid-template-columns: 1fr; }
}
.re-dual-panel {
  background: linear-gradient(180deg, #fff, #f7fafc);
  border: 1px solid var(--re-line-soft, #d5e0e8);
  border-radius: 12px;
  padding: .65rem .75rem;
}
.re-dual-panel > h4 {
  background: transparent !important;
  color: var(--re-accent-ink, #1a4a66) !important;
  border-bottom: 2px solid var(--re-accent, #276081);
  padding: .1rem 0 .35rem !important;
  margin: 0 0 .45rem !important;
  font-size: .8rem !important;
  font-weight: 800;
}
.re-dual-panel .re-modal-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .35rem .45rem;
}
.re-dual-panel input[type="number"].field-input,
.re-dual-panel .re-fld input[type="number"] {
  max-width: 9.5rem;
}

.re-knet-staff-hint { margin: .35rem 0 .75rem; }
.re-knet-panel {
  max-width: 28rem;
  margin: .5rem auto 1.25rem;
  padding: 1.1rem 1.2rem 1.25rem;
  border-radius: 14px;
  background:
    linear-gradient(165deg, #0d7377 0%, #14919b 42%, #0a5c4c 100%);
  color: #f4fffd;
  box-shadow: 0 12px 32px rgba(10, 92, 76, .28);
}
.re-knet-panel.re-knet-success {
  background: linear-gradient(165deg, #0a5c4c 0%, #12805c 100%);
  text-align: center;
}
.re-knet-panel .re-knet-brand-row {
  display: flex; justify-content: space-between; align-items: center;
  margin-bottom: .75rem;
}
.re-knet-panel .re-knet-brand {
  font-weight: 900; letter-spacing: .08em; font-size: 1.15rem;
  background: rgba(255,255,255,.14);
  padding: .2rem .55rem; border-radius: 6px;
}
.re-knet-panel .re-knet-kw { font-size: .75rem; opacity: .9; }
.re-knet-panel .re-knet-meta {
  display: grid; grid-template-columns: 1fr 1fr; gap: .45rem .65rem;
  margin-bottom: .85rem; font-size: .78rem;
}
.re-knet-panel .re-knet-meta span { display: block; opacity: .75; font-size: .68rem; }
.re-knet-panel .re-knet-meta b { font-size: .88rem; }
.re-knet-panel .re-knet-amt { color: #b8ffe8; }
.re-knet-panel .re-knet-amt-input {
  max-width: 10rem; background: #fff; color: #0a3d38;
  border-radius: 6px; border: none; padding: .25rem .4rem;
}
.re-knet-panel .re-knet-card {
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 10px;
  padding: .7rem .75rem;
  margin-bottom: .85rem;
}
.re-knet-panel .re-knet-card label {
  display: block; font-size: .72rem; margin-bottom: .45rem;
}
.re-knet-panel .re-knet-card .field-input {
  width: 100%; background: rgba(0,0,0,.25); color: #e8fffa;
  border: 1px solid rgba(255,255,255,.2); opacity: .95;
}
.re-knet-panel .re-knet-card-row {
  display: grid; grid-template-columns: 1fr 1fr; gap: .5rem;
}
.re-knet-panel .re-knet-pay-btn {
  width: 100%;
  border: none; border-radius: 10px;
  padding: .7rem 1rem;
  font-weight: 800; font-size: .95rem;
  cursor: pointer;
  background: linear-gradient(180deg, #f5fff9, #c8f5d8);
  color: #0a3d38;
  box-shadow: 0 4px 12px rgba(0,0,0,.18);
}
.re-knet-panel .re-knet-pay-btn:disabled { opacity: .55; cursor: wait; }
.re-knet-panel .muted, .re-knet-panel .muted.tiny { color: rgba(244,255,253,.78); }
.re-broker-card-actions { display: flex; flex-wrap: wrap; gap: .35rem; margin-top: .4rem; }

/* Soften nested section headers (no stacked blue bars) — reinforce */
.re-page.re-lux .re-modal-section > h4 {
  background-image: none !important;
  background: transparent !important;
  box-shadow: none !important;
}
.re-page.re-lux .re-sheet-panels .re-modal-section input[type="number"].field-input {
  max-width: 12rem;
}

/* ═══════════════════════════════════════════════════════════════════
   ZAD LUXURY WAVE 40 — competition polish
   ═══════════════════════════════════════════════════════════════════ */
.re-dual-panel input[type="number"].field-input,
.re-dual-panel .re-fld input[type="number"],
.re-dual-panel .re-fld-ctrl[type="number"] {
  max-width: 9.5rem;
}
.re-page.re-lux .re-dual-panel input[type="number"].field-input {
  max-width: 9.5rem;
}

/* Dark — schedule / vouchers / utilities tables + sticky headers */
html[data-theme="dark"] .re-page .re-sched-table thead th,
html[data-theme="obsidian"] .re-page .re-sched-table thead th,
html[data-theme="dark"] .re-page .re-receipt-table thead th,
html[data-theme="obsidian"] .re-page .re-receipt-table thead th,
html[data-theme="dark"] .re-page .table-wrap .data-table thead th,
html[data-theme="obsidian"] .re-page .table-wrap .data-table thead th {
  background: linear-gradient(180deg, #243c50, #182937) !important;
  color: #e2eef6 !important;
  border-bottom-color: rgba(57,140,188,.35);
  box-shadow: 0 1px 0 rgba(57,140,188,.2);
}
html[data-theme="dark"] .re-page .re-sched-table tr.is-overdue td,
html[data-theme="obsidian"] .re-page .re-sched-table tr.is-overdue td {
  background: rgba(196,60,74,.12);
}
html[data-theme="dark"] .re-page .re-sched-table tr.is-due td,
html[data-theme="obsidian"] .re-page .re-sched-table tr.is-due td {
  background: rgba(201,146,42,.12);
}
html[data-theme="dark"] .re-page .re-sched-table tr.is-paid td,
html[data-theme="obsidian"] .re-page .re-sched-table tr.is-paid td {
  background: rgba(31,157,85,.1);
}
html[data-theme="dark"] .re-page .re-sched-table tr.is-selected td,
html[data-theme="obsidian"] .re-page .re-sched-table tr.is-selected td {
  background: rgba(57,140,188,.22) !important;
}
html[data-theme="dark"] .re-page .re-status-pill.is-overdue,
html[data-theme="obsidian"] .re-page .re-status-pill.is-overdue {
  background: rgba(196,60,74,.18); color: #f3b4bb; border-color: rgba(196,60,74,.35);
}
html[data-theme="dark"] .re-page .re-status-pill.is-due,
html[data-theme="obsidian"] .re-page .re-status-pill.is-due {
  background: rgba(201,146,42,.18); color: #f0d59a; border-color: rgba(201,146,42,.35);
}
html[data-theme="dark"] .re-page .re-status-pill.is-paid,
html[data-theme="obsidian"] .re-page .re-status-pill.is-paid {
  background: rgba(31,157,85,.16); color: #9ee0b8; border-color: rgba(31,157,85,.32);
}
html[data-theme="dark"] .re-page .re-dual-panel,
html[data-theme="obsidian"] .re-page .re-dual-panel {
  background: linear-gradient(180deg, #1a2e3d, #152633);
}
html[data-theme="dark"] .re-page .re-dual-panel > h4,
html[data-theme="obsidian"] .re-page .re-dual-panel > h4 {
  color: #d7e6ef !important;
  border-bottom-color: var(--re-accent-soft);
}
html[data-theme="dark"] .re-page .re-erp-filters,
html[data-theme="obsidian"] .re-page .re-erp-filters {
  background: #152633;
  border-color: rgba(57,140,188,.22);
}
html[data-theme="dark"] .re-tl-card--empty,
html[data-theme="obsidian"] .re-tl-card--empty {
  background: rgba(26,52,68,.55);
  border-color: rgba(57,140,188,.28);
}
html[data-theme="dark"] .re-alert-kpi,
html[data-theme="obsidian"] .re-alert-kpi {
  background: linear-gradient(165deg, #1a2e3d, #152633);
  border-color: rgba(57,140,188,.28);
  box-shadow: 0 8px 22px rgba(0,0,0,.35);
}
html[data-theme="dark"] .re-alert-kpi span,
html[data-theme="obsidian"] .re-alert-kpi span { color: #9bb0bf; }
html[data-theme="dark"] .re-alert-kpi strong,
html[data-theme="obsidian"] .re-alert-kpi strong { color: #e8f0f4; }
html[data-theme="dark"] .re-alert-kpi.critical strong,
html[data-theme="obsidian"] .re-alert-kpi.critical strong { color: #f3b4bb; }
html[data-theme="dark"] .re-alert-kpi.warn strong,
html[data-theme="obsidian"] .re-alert-kpi.warn strong { color: #f0d59a; }
html[data-theme="dark"] .re-alert-kpi.info strong,
html[data-theme="obsidian"] .re-alert-kpi.info strong { color: #9ec9e4; }
@media (prefers-reduced-motion: reduce) {
  .re-alert-kpi,
  .re-alert-kpi:hover,
  .re-knet-gateway .re-knet-pay-btn:hover:not(:disabled) {
    transition: none; transform: none;
  }
}

/* ── KNET readable fix (logo + teal gateway + gold pay) ── */
.re-knet-gateway .re-knet-brand::before {
  content: "";
  display: block;
  width: 5.75rem;
  height: 1.55rem;
  flex: 0 0 auto;
  background: url("../img/knet-logo.svg") center / contain no-repeat !important;
  filter: drop-shadow(0 1px 2px rgba(0,0,0,.25));
  border-radius: 0;
  box-shadow: none;
}
.re-knet-gateway .re-knet-brand:has(.re-knet-logo)::before { display: none; }
.re-knet-gateway .re-knet-logo {
  height: 1.65rem; width: auto; display: block; flex: 0 0 auto;
  filter: drop-shadow(0 1px 2px rgba(0,0,0,.25));
}
.re-page .re-knet-gateway {
  max-width: 28rem;
  margin: 1.25rem auto;
  padding: 1.45rem 1.3rem 1.55rem;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.22);
  color: #f4fbfc !important;
  background:
    radial-gradient(ellipse 80% 55% at 12% 0%, rgba(255,255,255,.18), transparent 55%),
    linear-gradient(160deg, #0d7377 0%, #14919b 48%, #0a4d68 100%) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.22) inset,
    0 18px 40px rgba(10, 77, 104, .38) !important;
}
.re-page .re-knet-gateway .re-knet-brand,
.re-page .re-knet-gateway .re-knet-meta,
.re-page .re-knet-gateway .re-knet-amount,
.re-page .re-knet-gateway .re-knet-auth,
.re-page .re-knet-gateway label,
.re-page .re-knet-gateway p {
  color: #f4fbfc !important;
}
.re-page .re-knet-gateway .muted,
.re-page .re-knet-gateway .muted.tiny {
  color: rgba(244, 251, 252, .78) !important;
}
.re-page .re-knet-gateway .re-knet-pay-btn {
  width: 100%; border: 0; border-radius: 12px !important;
  padding: .85rem 1rem; font-weight: 800; font-size: .95rem;
  background: linear-gradient(180deg, #ffe082, #f7c948) !important;
  color: #0a3a3d !important;
  box-shadow: 0 4px 14px rgba(0,0,0,.22) !important;
  cursor: pointer;
}
.re-page .re-knet-gateway .re-knet-card .field-input {
  background: rgba(8, 32, 42, .62) !important;
  border: 1px solid rgba(255,255,255,.3) !important;
  color: #e8fbff !important;
}

/* === RE Suite v71 === */
.re-page.re-suite {
  --re-paper: #f0f3f6 !important;
  --re-surface: #ffffff !important;
  --re-ink: #0f2233 !important;
  --re-ink-soft: #5a6f82 !important;
  --re-brass: #b8956c !important;
  --re-line: #dce3ea !important;
  --re-crit: #c43c4a !important;
  --re-warn: #c9922a !important;
  --re-info: #2a8f9e !important;
  --re-vacant: #3d9b6e !important;
  --re-shadow: 0 8px 28px rgba(15, 34, 51, 0.07) !important;
  --re-radius: 14px !important;
  font-family: "IBM Plex Sans Arabic", "Segoe UI", Tahoma, sans-serif !important;
  color: var(--re-ink) !important;
  background:
    radial-gradient(ellipse 70% 40% at 100% 0%, rgba(184, 149, 108, 0.08), transparent 55%),
    linear-gradient(180deg, #f5f7fa 0%, var(--re-paper) 40%, #eef2f6 100%) !important;
  padding: 1.15rem 1.15rem 1.85rem !important;
  min-height: 60vh !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 1rem !important;
  position: relative !important;
  isolation: isolate !important;
  border: 1px solid #d5dde6 !important;
  border-radius: 16px !important;
  box-shadow: 0 12px 36px rgba(15, 34, 51, 0.08) !important;
}
/* Unmistakable suite chrome — gold top edge so cache misses are obvious */
.re-page.re-suite::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset-inline: 0 !important;
  top: 0 !important;
  height: 4px !important;
  border-radius: 16px 16px 0 0 !important;
  background: linear-gradient(90deg, #0f2233 0%, #b8956c 45%, #0f2233 100%) !important;
  z-index: 5 !important;
  pointer-events: none !important;
}
.re-page.re-suite *,
.re-page.re-suite *::before,
.re-page.re-suite *::after { box-sizing: border-box; }
.re-page.re-suite b,
.re-page.re-suite strong,
.re-page.re-suite .num,
.re-page.re-suite .re-kpi-tile strong,
.re-page.re-suite .re-alert-kpi strong,
.re-page.re-suite .re-suite-sum-item b {
  font-family: Outfit, "IBM Plex Sans Arabic", sans-serif !important;
  font-variant-numeric: tabular-nums !important;
}

/* Summary strip */
.re-page.re-suite .re-suite-summary {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) auto !important;
  gap: .85rem !important;
  align-items: stretch !important;
  padding: 1rem 1.15rem !important;
  background: var(--re-surface) !important;
  border: 1px solid var(--re-line) !important;
  border-radius: var(--re-radius) !important;
  box-shadow: var(--re-shadow) !important;
}
.re-page.re-suite .re-suite-sum-item {
  display: flex !important;
  flex-direction: column !important;
  gap: .2rem !important;
  padding: .35rem .55rem .35rem .85rem !important;
  border-inline-start: 3px solid var(--re-brass) !important;
  min-width: 0 !important;
}
.re-page.re-suite .re-suite-sum-item b {
  font-size: 1.55rem !important;
  font-weight: 700 !important;
  color: var(--re-ink) !important;
  line-height: 1.15 !important;
  letter-spacing: -0.02em !important;
}
.re-page.re-suite .re-suite-sum-item span {
  font-size: .78rem !important;
  font-weight: 600 !important;
  color: var(--re-ink-soft) !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
}
.re-page.re-suite .re-suite-cta {
  align-self: center !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: .7rem 1.15rem !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg, #c9a57a, var(--re-brass)) !important;
  color: #fff !important;
  font-weight: 700 !important;
  font-size: .88rem !important;
  text-decoration: none !important;
  border: 0 !important;
  box-shadow: 0 6px 16px rgba(184, 149, 108, 0.35) !important;
  white-space: nowrap !important;
}
.re-page.re-suite .re-suite-cta:hover {
  filter: brightness(1.05);
  color: #fff !important;
  text-decoration: none !important;
}

/* Alert KPI grid */
.re-page.re-suite .re-alerts-kpis {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: .85rem !important;
  margin: 0 !important;
}
.re-page.re-suite .re-alert-kpi {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  gap: .35rem !important;
  padding: 1rem 1rem 1rem 1.15rem !important;
  background: var(--re-surface) !important;
  border: 1px solid var(--re-line) !important;
  border-radius: var(--re-radius) !important;
  box-shadow: var(--re-shadow) !important;
  overflow: hidden !important;
  transform: none !important;
  transition: transform .18s ease, box-shadow .18s ease !important;
}
.re-page.re-suite .re-alert-kpi::before {
  content: "" !important;
  position: absolute !important;
  inset-inline-start: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 4px !important;
  border-radius: 0 !important;
  background: var(--re-brass) !important;
}
.re-page.re-suite .re-alert-kpi:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 32px rgba(15, 34, 51, 0.1) !important;
}
.re-page.re-suite .re-alert-kpi span {
  font-size: .78rem !important;
  font-weight: 600 !important;
  color: var(--re-ink-soft) !important;
  order: 2 !important;
}
.re-page.re-suite .re-alert-kpi strong {
  font-size: 1.85rem !important;
  font-weight: 800 !important;
  color: var(--re-ink) !important;
  line-height: 1 !important;
  order: 1 !important;
}
.re-page.re-suite .re-alert-kpi.critical::before { background: var(--re-crit) !important; }
.re-page.re-suite .re-alert-kpi.critical strong { color: var(--re-crit) !important; }
.re-page.re-suite .re-alert-kpi.warn::before { background: var(--re-warn) !important; }
.re-page.re-suite .re-alert-kpi.warn strong { color: #9a6f18 !important; }
.re-page.re-suite .re-alert-kpi.info::before { background: var(--re-info) !important; }
.re-page.re-suite .re-alert-kpi.info strong { color: #1a6b78 !important; }

/* Suite grid cards + tables */
.re-page.re-suite .re-suite-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 1rem !important;
}
.re-page.re-suite .re-suite-card,
.re-page.re-suite .panel-card,
.re-page.re-suite .re-suite-stage {
  background: var(--re-surface) !important;
  border: 1px solid var(--re-line) !important;
  border-radius: var(--re-radius) !important;
  box-shadow: var(--re-shadow) !important;
  overflow: hidden !important;
}
.re-page.re-suite .re-suite-card { padding: 0 !important; }
.re-page.re-suite .re-suite-card-head,
.re-page.re-suite .panel-card-head,
.re-page.re-suite .re-panel-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .75rem !important;
  padding: .85rem 1.1rem !important;
  background: #f4f7fa !important;
  border-bottom: 1px solid var(--re-line) !important;
  color: var(--re-ink) !important;
}
.re-page.re-suite .re-suite-card-head h3,
.re-page.re-suite .panel-card-head .section-title,
.re-page.re-suite .re-panel-head .section-title {
  margin: 0 !important;
  font-size: .95rem !important;
  font-weight: 700 !important;
  color: var(--re-ink) !important;
}
.re-page.re-suite .re-suite-link,
.re-page.re-suite .panel-card-head a,
.re-page.re-suite .re-panel-head a,
.re-page.re-suite .re-panel-links a {
  color: var(--re-brass) !important;
  font-weight: 600 !important;
  font-size: .8rem !important;
  text-decoration: none !important;
}
.re-page.re-suite .re-suite-link:hover,
.re-page.re-suite .panel-card-head a:hover { text-decoration: underline !important; }
.re-page.re-suite .re-suite-empty {
  margin: 0 !important;
  padding: 1.25rem 1.1rem !important;
  color: var(--re-ink-soft) !important;
  font-size: .9rem !important;
}
.re-page.re-suite .table-wrap {
  margin: 0 !important;
  padding: 0 !important;
  overflow: auto !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.re-page.re-suite table.data-table,
.re-page.re-suite .data-table {
  width: 100% !important;
  border-collapse: collapse !important;
  background: var(--re-surface) !important;
  color: var(--re-ink) !important;
}
.re-page.re-suite .data-table thead th {
  background: #eef2f6 !important;
  color: #3d5366 !important;
  font-size: .72rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
  padding: .7rem .9rem !important;
  border-bottom: 1px solid var(--re-line) !important;
  white-space: nowrap !important;
}
.re-page.re-suite .data-table tbody td {
  padding: .72rem .9rem !important;
  border-bottom: 1px solid #eef2f6 !important;
  font-size: .88rem !important;
  color: var(--re-ink) !important;
  vertical-align: middle !important;
  background: var(--re-surface) !important;
}
.re-page.re-suite .data-table tbody tr:hover td {
  background: #f8fafc !important;
}
.re-page.re-suite .re-suite-row.is-critical td { background: #fff7f7 !important; }
.re-page.re-suite .re-suite-row.is-warn td { background: #fffaf0 !important; }
.re-page.re-suite .data-table .num,
.re-page.re-suite .data-table td.num {
  font-family: Outfit, sans-serif !important;
  font-weight: 600 !important;
  text-align: end !important;
  white-space: nowrap !important;
}

/* KPI portfolio strip */
.re-page.re-suite .re-kpi-strip,
.re-page.re-suite .re-kpi-strip--4 {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: .85rem !important;
  margin: 0 !important;
}
.re-page.re-suite .re-kpi-tile {
  display: flex !important;
  flex-direction: column !important;
  gap: .3rem !important;
  padding: 1rem 1rem 1rem 1.15rem !important;
  background: var(--re-surface) !important;
  border: 1px solid var(--re-line) !important;
  border-radius: var(--re-radius) !important;
  box-shadow: var(--re-shadow) !important;
  text-decoration: none !important;
  color: var(--re-ink) !important;
  position: relative !important;
  overflow: hidden !important;
}
.re-page.re-suite .re-kpi-tile::before {
  content: "" !important;
  position: absolute !important;
  inset-inline-start: 0 !important;
  top: 0; bottom: 0;
  width: 4px !important;
  background: var(--re-info) !important;
}
.re-page.re-suite .re-kpi-tile.vacant::before { background: var(--re-vacant) !important; }
.re-page.re-suite .re-kpi-tile.rented::before { background: var(--re-brass) !important; }
.re-page.re-suite .re-kpi-tile span {
  font-size: .75rem !important;
  font-weight: 600 !important;
  color: var(--re-ink-soft) !important;
  text-transform: uppercase !important;
  letter-spacing: .03em !important;
}
.re-page.re-suite .re-kpi-tile strong {
  font-size: 1.7rem !important;
  font-weight: 800 !important;
  color: var(--re-ink) !important;
  line-height: 1.1 !important;
}
.re-page.re-suite .re-kpi-tile:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(15, 34, 51, 0.1) !important;
  color: var(--re-ink) !important;
  text-decoration: none !important;
}

/* Toolbar / filters */
.re-page.re-suite .re-suite-toolbar,
.re-page.re-suite .re-erp-filters.re-suite-toolbar,
.re-page.re-suite .re-erp-filters {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-end !important;
  gap: .75rem 1rem !important;
  padding: .95rem 1.1rem !important;
  margin: 0 !important;
  background: var(--re-surface) !important;
  border: 1px solid var(--re-line) !important;
  border-radius: var(--re-radius) !important;
  box-shadow: var(--re-shadow) !important;
}
.re-page.re-suite .re-suite-toolbar .re-erp-filters {
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  background: transparent !important;
  width: 100% !important;
}
.re-page.re-suite .field-input,
.re-page.re-suite input.field-input,
.re-page.re-suite select.field-input,
.re-page.re-suite .re-erp-filter-field .field-input {
  border-radius: 10px !important;
  border: 1px solid #cfd8e3 !important;
  background: #fff !important;
  color: var(--re-ink) !important;
  min-height: 2.35rem !important;
  padding: .4rem .7rem !important;
  box-shadow: none !important;
}
.re-page.re-suite .re-period-seg {
  display: inline-flex !important;
  padding: .2rem !important;
  gap: .15rem !important;
  background: #eef2f6 !important;
  border: 1px solid var(--re-line) !important;
  border-radius: 12px !important;
}
.re-page.re-suite .re-period-seg .re-seg {
  border: 0 !important;
  background: transparent !important;
  color: var(--re-ink-soft) !important;
  border-radius: 10px !important;
  padding: .45rem .75rem !important;
  font-weight: 600 !important;
  font-size: .8rem !important;
  cursor: pointer !important;
}
.re-page.re-suite .re-period-seg .re-seg.is-on {
  background: #fff !important;
  color: var(--re-ink) !important;
  box-shadow: 0 2px 8px rgba(15, 34, 51, 0.08) !important;
}

/* Stage white card */
.re-page.re-suite .re-suite-stage {
  padding: 1rem !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 1rem !important;
}
.re-page.re-suite .re-suite-stage--knet {
  align-items: center !important;
  padding: 1.5rem !important;
}
.re-page.re-suite .re-suite-stage > .table-wrap,
.re-page.re-suite .re-suite-stage > .re-kanban,
.re-page.re-suite .re-suite-stage > .re-report-desk,
.re-page.re-suite .re-suite-stage > .re-broker-gallery {
  margin: 0 !important;
}

/* Cockpit panels */
.re-page.re-suite .re-cockpit-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 1rem !important;
}
.re-page.re-suite .panel-card {
  padding: 0 !important;
}
.re-page.re-suite .re-finance-dense {
  list-style: none !important;
  margin: 0 !important;
  padding: .65rem 1rem 1rem !important;
  display: flex !important;
  flex-direction: column !important;
  gap: .45rem !important;
}
.re-page.re-suite .re-finance-dense li {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: .75rem !important;
  padding: .55rem .7rem !important;
  background: #f7f9fb !important;
  border-radius: 10px !important;
  border: 1px solid #e8eef3 !important;
}
.re-page.re-suite .re-finance-dense li span { color: var(--re-ink-soft) !important; font-size: .82rem !important; }
.re-page.re-suite .re-finance-dense li b { color: var(--re-ink) !important; font-size: .95rem !important; }
.re-page.re-suite .re-finance-dense li.in b { color: var(--re-vacant) !important; }
.re-page.re-suite .re-finance-dense li.out b { color: var(--re-crit) !important; }
.re-page.re-suite .re-finance-dense li.net b { color: var(--re-brass) !important; }
.re-page.re-suite .re-panel-links {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .65rem !important;
  padding: 0 1rem 1rem !important;
}
.re-page.re-suite .re-gantt,
.re-page.re-suite .re-day-split {
  padding: .75rem 1rem 1rem !important;
}
.re-page.re-suite .re-gantt-row {
  display: grid !important;
  grid-template-columns: 5.5rem 1fr !important;
  gap: .5rem !important;
  align-items: center !important;
  margin-bottom: .45rem !important;
}
.re-page.re-suite .re-gantt-label {
  font-size: .72rem !important;
  font-weight: 600 !important;
  color: var(--re-ink-soft) !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.re-page.re-suite .re-gantt-track {
  height: 1.55rem !important;
  background: #eef2f6 !important;
  border-radius: 8px !important;
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid var(--re-line) !important;
}
.re-page.re-suite .re-gantt-bar {
  position: absolute !important;
  top: 2px; bottom: 2px;
  background: linear-gradient(90deg, #9eb7c8, #6f8fa8) !important;
  color: #fff !important;
  border-radius: 6px !important;
  font-size: .65rem !important;
  font-weight: 600 !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 .4rem !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}
.re-page.re-suite .re-gantt-bar.active {
  background: linear-gradient(90deg, #c9a57a, var(--re-brass)) !important;
}
.re-page.re-suite .re-day-split {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 1rem !important;
}
.re-page.re-suite .re-bar-row {
  display: grid !important;
  grid-template-columns: 1fr 1.2fr auto !important;
  gap: .4rem !important;
  align-items: center !important;
  margin-bottom: .4rem !important;
  font-size: .78rem !important;
}
.re-page.re-suite .re-bar-track {
  height: .45rem !important;
  background: #e8eef3 !important;
  border-radius: 999px !important;
  overflow: hidden !important;
}
.re-page.re-suite .re-bar-fill.rev { background: var(--re-vacant) !important; height: 100% !important; }
.re-page.re-suite .re-bar-fill.exp { background: var(--re-crit) !important; height: 100% !important; }

/* Timeline clean cards — no dashed boxes */
.re-page.re-suite .re-timeline-list {
  padding: .85rem 1rem 1.1rem !important;
  display: flex !important;
  flex-direction: column !important;
  gap: .75rem !important;
}
.re-page.re-suite .re-tl-day-card {
  background: #f7f9fb !important;
  border: 1px solid var(--re-line) !important;
  border-radius: 12px !important;
  padding: .75rem .9rem !important;
  border-style: solid !important;
}
.re-page.re-suite .re-tl-day-label {
  display: block !important;
  margin-bottom: .5rem !important;
  color: var(--re-ink) !important;
  font-size: .9rem !important;
}
.re-page.re-suite .re-tl-row,
.re-page.re-suite .re-suite-row.re-tl-row {
  display: grid !important;
  grid-template-columns: 6.5rem 1fr auto !important;
  gap: .5rem !important;
  align-items: center !important;
  padding: .4rem .5rem !important;
  background: #fff !important;
  border: 1px solid #e8eef3 !important;
  border-radius: 8px !important;
  margin-bottom: .35rem !important;
  font-size: .82rem !important;
}
.re-page.re-suite .re-tl-row em.in { color: var(--re-vacant) !important; font-style: normal !important; font-weight: 700 !important; }
.re-page.re-suite .re-tl-row em.out { color: var(--re-crit) !important; font-style: normal !important; font-weight: 700 !important; }

/* Status pills */
.re-page.re-suite .re-status-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: fit-content !important;
  max-width: max-content !important;
  padding: .2rem .55rem !important;
  border-radius: 999px !important;
  font-size: .72rem !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
  background: #eef2f6 !important;
  color: var(--re-ink-soft) !important;
  border: 1px solid var(--re-line) !important;
}
.re-page.re-suite .re-status-pill.overdue,
.re-page.re-suite .re-status-pill.is-overdue { background: #fdecea !important; color: var(--re-crit) !important; border-color: #f3c5ca !important; }
.re-page.re-suite .re-status-pill.due,
.re-page.re-suite .re-status-pill.is-due { background: #fff6e4 !important; color: #8a6418 !important; border-color: #f0d59a !important; }
.re-page.re-suite .re-status-pill.paid,
.re-page.re-suite .re-status-pill.is-paid { background: #e8f6ef !important; color: var(--re-vacant) !important; border-color: #b7e0cb !important; }

/* Unit cards / kanban / listings */
.re-page.re-suite .re-kanban {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: .85rem !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.re-page.re-suite .re-kanban--two { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
.re-page.re-suite .re-kanban-col {
  background: #f7f9fb !important;
  border: 1px solid var(--re-line) !important;
  border-radius: var(--re-radius) !important;
  min-height: 12rem !important;
  overflow: hidden !important;
}
.re-page.re-suite .re-kanban-head,
.re-page.re-suite .re-kanban-head--soft {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: .7rem .9rem !important;
  background: #eef2f6 !important;
  border-bottom: 1px solid var(--re-line) !important;
  color: var(--re-ink) !important;
}
.re-page.re-suite .re-kanban-body { padding: .65rem !important; display: flex !important; flex-direction: column !important; gap: .55rem !important; }
.re-page.re-suite .re-lease-card,
.re-page.re-suite .re-unit-card,
.re-page.re-suite .re-listing-card {
  background: var(--re-surface) !important;
  border: 1px solid var(--re-line) !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 14px rgba(15, 34, 51, 0.05) !important;
  overflow: hidden !important;
}
.re-page.re-suite .re-broker-gallery {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr)) !important;
  gap: .9rem !important;
}
.re-page.re-suite .re-dual-panels {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: .9rem !important;
}
.re-page.re-suite .re-dual-panel {
  background: #f7f9fb !important;
  border: 1px solid var(--re-line) !important;
  border-radius: 12px !important;
  padding: .9rem 1rem !important;
}
.re-page.re-suite .re-dual-panel h4 {
  margin: 0 0 .75rem !important;
  color: var(--re-ink) !important;
  font-size: .92rem !important;
}
.re-page.re-suite .re-inline-empty,
.re-page.re-suite .re-broker-empty,
.re-page.re-suite .re-kanban-empty,
.re-page.re-suite .re-empty-inline {
  padding: 1.5rem 1rem !important;
  text-align: center !important;
  color: var(--re-ink-soft) !important;
  background: #f7f9fb !important;
  border: 1px solid var(--re-line) !important;
  border-radius: 12px !important;
  border-style: solid !important;
}

/* Chrome buttons */
.re-page.re-suite .re-erp-chrome-btn {
  border-radius: 10px !important;
  background: linear-gradient(180deg, #c9a57a, var(--re-brass)) !important;
  color: #fff !important;
  border: 0 !important;
  font-weight: 700 !important;
  padding: .5rem .9rem !important;
}
.re-page.re-suite .re-erp-chrome-btn.ghost {
  background: #fff !important;
  color: var(--re-ink) !important;
  border: 1px solid var(--re-line) !important;
}
.re-page.re-suite .re-erp-chrome-link {
  color: var(--re-brass) !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

/* Tabs / assets rail */
.re-page.re-suite .re-erp-tabs {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .45rem !important;
  padding: .35rem 0 !important;
}
.re-page.re-suite .re-erp-tab {
  background: var(--re-surface) !important;
  border: 1px solid var(--re-line) !important;
  border-radius: 12px !important;
  padding: .55rem .85rem !important;
  color: var(--re-ink) !important;
  box-shadow: 0 2px 8px rgba(15, 34, 51, 0.04) !important;
}
.re-page.re-suite .re-erp-tab.is-on {
  border-color: var(--re-brass) !important;
  box-shadow: 0 0 0 2px rgba(184, 149, 108, 0.2) !important;
}

/* Reports desk */
.re-page.re-suite .re-report-desk { gap: 1rem !important; }
.re-page.re-suite .re-report-group,
.re-page.re-suite .re-report-pill {
  border-radius: 10px !important;
  border: 1px solid var(--re-line) !important;
  background: #fff !important;
  color: var(--re-ink) !important;
}
.re-page.re-suite .re-report-group.is-on,
.re-page.re-suite .re-report-pill.is-on {
  background: #0f2233 !important;
  color: #fff !important;
  border-color: #0f2233 !important;
}
.re-page.re-suite .report-table thead th {
  background: #eef2f6 !important;
  color: #3d5366 !important;
}

/* KNET teal gateway preserved */
.re-page.re-suite .re-knet-gateway {
  max-width: 28rem !important;
  margin: 0 auto !important;
  padding: 1.45rem 1.3rem 1.55rem !important;
  border-radius: 16px !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  color: #f4fbfc !important;
  background:
    radial-gradient(ellipse 80% 55% at 12% 0%, rgba(255,255,255,.18), transparent 55%),
    linear-gradient(160deg, #0d7377 0%, #14919b 48%, #0a4d68 100%) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.22) inset,
    0 18px 40px rgba(10, 77, 104, .38) !important;
}
.re-page.re-suite .re-knet-gateway .re-knet-logo {
  height: 1.65rem !important;
  width: auto !important;
  display: block !important;
  filter: drop-shadow(0 1px 2px rgba(0,0,0,.25)) !important;
}
.re-page.re-suite .re-knet-gateway .re-knet-amount {
  font-family: Outfit, sans-serif !important;
  font-size: 2rem !important;
  font-weight: 800 !important;
  color: #fff !important;
  margin: .65rem 0 1rem !important;
}
.re-page.re-suite .re-knet-gateway .re-knet-pay-btn {
  width: 100% !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: .85rem 1rem !important;
  font-weight: 800 !important;
  background: linear-gradient(180deg, #ffe082, #f7c948) !important;
  color: #0a3a3d !important;
}

/* Kill naked-link dumps / dashed timeline leftovers inside suite */
.re-page.re-suite a.tiny:not(.re-suite-link):not(.re-erp-chrome-link) {
  display: inline-flex !important;
  padding: .25rem .55rem !important;
  border-radius: 8px !important;
  background: #f4f7fa !important;
  color: var(--re-brass) !important;
  text-decoration: none !important;
  font-weight: 600 !important;
}
.re-page.re-suite .re-tl-day-row,
.re-page.re-suite [style*="dashed"] {
  border-style: solid !important;
}

/* Dashboard filter bar cohesion */
.re-page.re-suite + .page-header .fin-filter,
.page-header .fin-filter.re-dash-filter {
  background: #fff !important;
  border: 1px solid #dce3ea !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 28px rgba(15, 34, 51, .07) !important;
  padding: .75rem 1rem !important;
}

@keyframes re-suite-fade-up {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: none; }
}
.re-page.re-suite.animate-fade-up {
  animation: re-suite-fade-up .35s ease both !important;
}

@media (max-width: 1100px) {
  .re-page.re-suite .re-alerts-kpis,
  .re-page.re-suite .re-kpi-strip--4,
  .re-page.re-suite .re-cockpit-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .re-page.re-suite .re-suite-grid { grid-template-columns: 1fr !important; }
  .re-page.re-suite .re-suite-summary { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .re-page.re-suite .re-suite-cta { grid-column: 1 / -1 !important; justify-self: start !important; }
}
@media (max-width: 720px) {
  .re-page.re-suite .re-alerts-kpis,
  .re-page.re-suite .re-kpi-strip--4,
  .re-page.re-suite .re-cockpit-grid,
  .re-page.re-suite .re-kanban,
  .re-page.re-suite .re-kanban--two,
  .re-page.re-suite .re-dual-panels,
  .re-page.re-suite .re-day-split,
  .re-page.re-suite .re-suite-summary { grid-template-columns: 1fr !important; }
}
/* === /RE Suite v70 === */
/* === RE Desk v72 — clear professional layout (all suite screens) === */
.re-page.re-suite {
  --re-paper: #eef2f6 !important;
  --re-surface: #ffffff !important;
  --re-ink: #0c1b2a !important;
  --re-ink-soft: #5a6b7d !important;
  --re-line: #d5dee8 !important;
  --re-accent: #0e4d6b !important;
  --re-brass: #9a7b4f !important;
  --re-crit: #b42318 !important;
  --re-warn: #b54708 !important;
  --re-ok: #067647 !important;
  --re-radius: 12px !important;
  --re-shadow: 0 1px 2px rgba(12,27,42,.04), 0 8px 24px rgba(12,27,42,.06) !important;
  gap: 1.1rem !important;
  padding: 1.25rem !important;
  background: linear-gradient(180deg, #f7f9fb 0%, var(--re-paper) 100%) !important;
  border: 1px solid #d0d9e3 !important;
  border-radius: 14px !important;
  box-shadow: var(--re-shadow) !important;
}
.re-page.re-suite::before {
  height: 3px !important;
  background: linear-gradient(90deg, var(--re-accent), var(--re-brass), var(--re-accent)) !important;
}

/* Desk shell */
.re-page.re-suite .re-desk {
  display: flex !important;
  flex-direction: column !important;
  gap: 1.1rem !important;
}
.re-page.re-suite .re-desk-hero {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: .75rem !important;
}
.re-page.re-suite .re-desk-kpi {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  gap: .35rem !important;
  padding: 1rem 1.1rem !important;
  background: var(--re-surface) !important;
  border: 1px solid var(--re-line) !important;
  border-radius: var(--re-radius) !important;
  box-shadow: var(--re-shadow) !important;
  text-decoration: none !important;
  color: inherit !important;
  min-height: 5.5rem !important;
  border-block-start: 3px solid var(--re-accent) !important;
  transition: box-shadow .15s ease, transform .15s ease !important;
}
.re-page.re-suite .re-desk-kpi:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 10px 28px rgba(12,27,42,.1) !important;
  text-decoration: none !important;
  color: inherit !important;
}
.re-page.re-suite .re-desk-kpi span {
  font-size: .72rem !important;
  font-weight: 650 !important;
  color: var(--re-ink-soft) !important;
  letter-spacing: .02em !important;
}
.re-page.re-suite .re-desk-kpi strong {
  font-size: 1.55rem !important;
  font-weight: 750 !important;
  color: var(--re-ink) !important;
  line-height: 1.1 !important;
  letter-spacing: -.02em !important;
}
.re-page.re-suite .re-desk-kpi em {
  position: absolute !important;
  inset-inline-end: .85rem !important;
  top: .85rem !important;
  font-style: normal !important;
  font-size: .78rem !important;
  font-weight: 700 !important;
  color: var(--re-ok) !important;
  background: #ecfdf3 !important;
  padding: .15rem .45rem !important;
  border-radius: 999px !important;
}
.re-page.re-suite .re-desk-kpi.is-vacant { border-block-start-color: var(--re-ok) !important; }
.re-page.re-suite .re-desk-kpi.is-occ { border-block-start-color: var(--re-brass) !important; }
.re-page.re-suite .re-desk-kpi.is-money { border-block-start-color: var(--re-accent) !important; }
.re-page.re-suite .re-desk-kpi.is-money strong { font-size: 1.15rem !important; }
.re-page.re-suite .re-desk-kpi-link {
  margin-top: auto !important;
  font-size: .75rem !important;
  font-weight: 650 !important;
  color: var(--re-accent) !important;
  text-decoration: none !important;
}
.re-page.re-suite .re-desk-kpi-link:hover { text-decoration: underline !important; }

.re-page.re-suite .re-desk-alerts {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: .75rem !important;
}
.re-page.re-suite .re-desk-alert {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .5rem !important;
  padding: .85rem 1rem !important;
  background: var(--re-surface) !important;
  border: 1px solid var(--re-line) !important;
  border-radius: var(--re-radius) !important;
  box-shadow: var(--re-shadow) !important;
  border-inline-start: 4px solid var(--re-brass) !important;
}
.re-page.re-suite .re-desk-alert span {
  font-size: .8rem !important;
  font-weight: 600 !important;
  color: var(--re-ink-soft) !important;
}
.re-page.re-suite .re-desk-alert b {
  font-size: 1.45rem !important;
  font-weight: 800 !important;
  color: var(--re-ink) !important;
  line-height: 1 !important;
}
.re-page.re-suite .re-desk-alert.is-crit { border-inline-start-color: var(--re-crit) !important; }
.re-page.re-suite .re-desk-alert.is-crit b { color: var(--re-crit) !important; }
.re-page.re-suite .re-desk-alert.is-warn { border-inline-start-color: var(--re-warn) !important; }
.re-page.re-suite .re-desk-alert.is-warn b { color: var(--re-warn) !important; }
.re-page.re-suite .re-desk-alert.is-info { border-inline-start-color: var(--re-accent) !important; }

.re-page.re-suite .re-desk-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 1rem !important;
  align-items: start !important;
}
.re-page.re-suite .re-desk-card {
  background: var(--re-surface) !important;
  border: 1px solid var(--re-line) !important;
  border-radius: var(--re-radius) !important;
  box-shadow: var(--re-shadow) !important;
  overflow: hidden !important;
  min-width: 0 !important;
}
.re-page.re-suite .re-desk-card--wide { grid-column: 1 / -1 !important; }
.re-page.re-suite .re-desk-card-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .75rem !important;
  padding: .8rem 1.1rem !important;
  background: #f4f7fa !important;
  border-bottom: 1px solid var(--re-line) !important;
}
.re-page.re-suite .re-desk-card-head h3 {
  margin: 0 !important;
  font-size: .95rem !important;
  font-weight: 750 !important;
  color: var(--re-ink) !important;
}
.re-page.re-suite .re-desk-card-head a {
  font-size: .78rem !important;
  font-weight: 650 !important;
  color: var(--re-accent) !important;
  text-decoration: none !important;
}
.re-page.re-suite .re-desk-card-head a:hover { text-decoration: underline !important; }
.re-page.re-suite .re-desk-empty {
  margin: 0 !important;
  padding: 1.5rem 1.1rem !important;
  text-align: center !important;
  color: var(--re-ink-soft) !important;
  font-size: .9rem !important;
  display: grid !important;
  gap: .65rem !important;
  justify-items: center !important;
}
.re-page.re-suite .re-desk-table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 0 !important;
}
.re-page.re-suite .re-desk-table th {
  font-size: .72rem !important;
  font-weight: 700 !important;
  color: var(--re-ink-soft) !important;
  text-align: start !important;
  padding: .55rem .85rem !important;
  background: #fafbfc !important;
  border-bottom: 1px solid var(--re-line) !important;
  white-space: nowrap !important;
}
.re-page.re-suite .re-desk-table td {
  font-size: .86rem !important;
  color: var(--re-ink) !important;
  padding: .65rem .85rem !important;
  border-bottom: 1px solid #eef2f6 !important;
  vertical-align: middle !important;
}
.re-page.re-suite .re-desk-table tr:last-child td { border-bottom: 0 !important; }
.re-page.re-suite .re-desk-table tr.is-crit td:first-child { box-shadow: inset 3px 0 0 var(--re-crit); }
.re-page.re-suite .re-desk-table tr.is-warn td:first-child { box-shadow: inset 3px 0 0 var(--re-warn); }
.re-page.re-suite .re-desk-table .num { font-weight: 700 !important; font-variant-numeric: tabular-nums !important; white-space: nowrap !important; }
.re-page.re-suite .re-desk-table .num.in,
.re-page.re-suite .re-desk-finance li.in b { color: var(--re-ok) !important; }
.re-page.re-suite .re-desk-table .num.out,
.re-page.re-suite .re-desk-finance li.out b { color: var(--re-crit) !important; }
.re-page.re-suite .re-desk-finance {
  list-style: none !important;
  margin: 0 !important;
  padding: .35rem 0 !important;
}
.re-page.re-suite .re-desk-finance li {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 1rem !important;
  padding: .7rem 1.1rem !important;
  border-bottom: 1px solid #eef2f6 !important;
}
.re-page.re-suite .re-desk-finance li:last-child { border-bottom: 0 !important; }
.re-page.re-suite .re-desk-finance li span { color: var(--re-ink-soft) !important; font-size: .86rem !important; }
.re-page.re-suite .re-desk-finance li b { font-size: .95rem !important; color: var(--re-ink) !important; font-variant-numeric: tabular-nums !important; }
.re-page.re-suite .re-desk-finance li.net {
  background: #f4f7fa !important;
  font-weight: 700 !important;
}
.re-page.re-suite .re-desk-finance li.net b { color: var(--re-accent) !important; font-size: 1.05rem !important; }
.re-page.re-suite .re-desk-links {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .5rem .85rem !important;
  padding: .75rem 1.1rem 1rem !important;
  border-top: 1px solid var(--re-line) !important;
  background: #fafbfc !important;
}
.re-page.re-suite .re-desk-links a {
  font-size: .78rem !important;
  font-weight: 650 !important;
  color: var(--re-accent) !important;
  text-decoration: none !important;
}
.re-page.re-suite .re-desk-links a:hover { text-decoration: underline !important; }

/* Timeline clean */
.re-page.re-suite .re-tl-list { display: grid !important; gap: 1rem !important; padding: 1rem !important; }
.re-page.re-suite .re-tl-day {
  border: 1px solid var(--re-line) !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  background: #fff !important;
}
.re-page.re-suite .re-tl-day h4 {
  margin: 0 !important;
  padding: .65rem 1rem !important;
  background: #f4f7fa !important;
  border-bottom: 1px solid var(--re-line) !important;
  font-size: .88rem !important;
  font-weight: 750 !important;
  color: var(--re-ink) !important;
}

/* Status pills — readable */
.re-page.re-suite .re-status-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: fit-content !important;
  max-width: max-content !important;
  padding: .2rem .55rem !important;
  border-radius: 999px !important;
  font-size: .72rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}
.re-page.re-suite .re-status-pill.overdue { background: #fef3f2 !important; color: var(--re-crit) !important; }
.re-page.re-suite .re-status-pill.due { background: #ecfdf3 !important; color: var(--re-ok) !important; }

/* Unit cards — always readable (no white-on-white) */
.re-page.re-suite .re-unit-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
  gap: 1rem !important;
  padding: .25rem !important;
}
.re-page.re-suite .re-unit-card {
  display: flex !important;
  flex-direction: column !important;
  background: #fff !important;
  border: 1px solid var(--re-line) !important;
  border-radius: 12px !important;
  box-shadow: var(--re-shadow) !important;
  overflow: hidden !important;
  color: var(--re-ink) !important;
  min-height: 0 !important;
}
.re-page.re-suite .re-unit-thumb {
  height: 96px !important;
  background-image: linear-gradient(180deg, rgba(12,27,42,.15), rgba(12,27,42,.45)), var(--re-unit-photo) !important;
  background-size: cover !important;
  background-position: center !important;
}
.re-page.re-suite .re-unit-code {
  font-size: 1.35rem !important;
  font-weight: 800 !important;
  color: var(--re-ink) !important;
  padding: .35rem 1rem 0 !important;
  letter-spacing: .04em !important;
  text-shadow: none !important;
}
.re-page.re-suite .re-unit-meta {
  padding: .25rem 1rem .5rem !important;
  color: var(--re-ink-soft) !important;
  font-size: .85rem !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .35rem !important;
  align-items: center !important;
}
.re-page.re-suite .re-unit-card-top {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: .55rem 1rem !important;
  font-size: .75rem !important;
  font-weight: 650 !important;
  color: var(--re-ink-soft) !important;
  background: #f8fafc !important;
  border-bottom: 1px solid var(--re-line) !important;
}
.re-page.re-suite .re-unit-foot {
  margin-top: auto !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: .5rem !important;
  padding: .65rem 1rem !important;
  border-top: 1px solid var(--re-line) !important;
  background: #fafbfc !important;
}
.re-page.re-suite .re-unit-rent {
  font-weight: 750 !important;
  color: var(--re-ink) !important;
  font-variant-numeric: tabular-nums !important;
  font-size: .9rem !important;
}
.re-page.re-suite .re-unit-card.is-rented { border-inline-start: 4px solid #d92d20 !important; }
.re-page.re-suite .re-unit-card.is-vacant { border-inline-start: 4px solid var(--re-ok) !important; }
.re-page.re-suite .re-badge.rented { background: #fef3f2 !important; color: #b42318 !important; }
.re-page.re-suite .re-badge.vacant { background: #ecfdf3 !important; color: #067647 !important; }

/* Shared chrome for all suite ops screens */
.re-page.re-suite .re-suite-toolbar,
.re-page.re-suite .re-erp-filters,
.re-page.re-suite .re-erp-chrome {
  background: var(--re-surface) !important;
  border: 1px solid var(--re-line) !important;
  border-radius: var(--re-radius) !important;
  box-shadow: var(--re-shadow) !important;
}
.re-page.re-suite .data-table th {
  background: #f4f7fa !important;
  color: var(--re-ink-soft) !important;
  font-weight: 700 !important;
}
.re-page.re-suite .data-table td { color: var(--re-ink) !important; }
.re-page.re-suite a:not(.btn-primary):not(.btn-secondary):not(.re-desk-kpi):not(.re-suite-cta) {
  color: var(--re-accent) !important;
}

@media (max-width: 1200px) {
  .re-page.re-suite .re-desk-hero { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
@media (max-width: 900px) {
  .re-page.re-suite .re-desk-hero,
  .re-page.re-suite .re-desk-alerts,
  .re-page.re-suite .re-desk-grid { grid-template-columns: 1fr 1fr !important; }
  .re-page.re-suite .re-desk-card--wide { grid-column: 1 / -1 !important; }
}
@media (max-width: 640px) {
  .re-page.re-suite .re-desk-hero,
  .re-page.re-suite .re-desk-alerts,
  .re-page.re-suite .re-desk-grid { grid-template-columns: 1fr !important; }
}
/* === /RE Desk v72 === */

/* === RE Chrono + Atelier v73 === */
.re-page.re-suite .re-occ-ring {
  --occ: 0;
  position: relative !important;
  width: 4.25rem !important;
  height: 4.25rem !important;
  flex-shrink: 0 !important;
}
.re-page.re-suite .re-occ-ring svg { width: 100% !important; height: 100% !important; transform: rotate(-90deg) !important; }
.re-page.re-suite .re-occ-ring circle {
  fill: none !important;
  stroke-width: 7 !important;
}
.re-page.re-suite .re-occ-ring .track { stroke: #e6edf3 !important; }
.re-page.re-suite .re-occ-ring .prog {
  stroke: #0e4d6b !important;
  stroke-linecap: round !important;
  stroke-dasharray: 175.93 !important;
  stroke-dashoffset: calc(175.93 - (175.93 * var(--occ) / 100)) !important;
  transition: stroke-dashoffset .6s ease !important;
}
.re-page.re-suite .re-occ-ring b {
  position: absolute !important;
  inset: 0 !important;
  display: grid !important;
  place-items: center !important;
  font-size: .95rem !important;
  font-weight: 800 !important;
  color: #0c1b2a !important;
}
.re-page.re-suite .re-desk-kpi.is-ring {
  flex-direction: row !important;
  align-items: center !important;
  gap: .85rem !important;
  border-block-start-color: #0e4d6b !important;
}
.re-page.re-suite .re-desk-kpi-copy { display: flex !important; flex-direction: column !important; gap: .2rem !important; min-width: 0 !important; }
.re-page.re-suite .re-desk-kpi.is-cta {
  cursor: pointer !important;
  border: 0 !important;
  border-block-start: 3px solid #9a7b4f !important;
  background: linear-gradient(145deg, #0e4d6b 0%, #163a4f 100%) !important;
  color: #fff !important;
  text-align: start !important;
}
.re-page.re-suite .re-desk-kpi.is-cta span { color: rgba(255,255,255,.75) !important; }
.re-page.re-suite .re-desk-kpi.is-cta strong { color: #f5e6c8 !important; font-size: 1.75rem !important; }

/* Visual timeline */
.re-page.re-suite .re-chrono {
  display: flex !important;
  flex-direction: column !important;
  gap: 1.15rem !important;
  padding: 1.15rem !important;
  overflow: visible !important;
  background: #fff !important;
  border: 1px solid #d5dee8 !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 32px rgba(12,27,42,.07) !important;
  background-image:
    radial-gradient(ellipse 80% 50% at 100% 0%, rgba(154,123,79,.08), transparent 55%),
    linear-gradient(180deg, #fff 0%, #f7f9fc 100%) !important;
}
.re-page.re-suite .re-chrono-head {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .75rem 1rem !important;
}
.re-page.re-suite .re-chrono-head h3 {
  margin: 0 !important;
  font-size: 1.2rem !important;
  font-weight: 800 !important;
  color: #0c1b2a !important;
  letter-spacing: -.01em !important;
}
.re-page.re-suite .re-chrono-head p {
  margin: .15rem 0 0 !important;
  font-size: .85rem !important;
  color: #5a6b7d !important;
  font-weight: 600 !important;
}
.re-page.re-suite .re-chrono-legend {
  display: flex !important;
  gap: 1rem !important;
  font-size: .78rem !important;
  font-weight: 700 !important;
}
.re-page.re-suite .re-chrono-legend .in::before,
.re-page.re-suite .re-chrono-legend .out::before {
  content: "" !important;
  display: inline-block !important;
  width: .65rem !important;
  height: .65rem !important;
  border-radius: 2px !important;
  margin-inline-end: .35rem !important;
  vertical-align: middle !important;
}
.re-page.re-suite .re-chrono-legend .in { color: #067647 !important; }
.re-page.re-suite .re-chrono-legend .in::before { background: #067647 !important; }
.re-page.re-suite .re-chrono-legend .out { color: #b42318 !important; }
.re-page.re-suite .re-chrono-legend .out::before { background: #b42318 !important; }

.re-page.re-suite .re-chrono-chart {
  position: relative !important;
  overflow: visible !important;
}
.re-page.re-suite .re-chrono-rail-scroll {
  overflow-x: auto !important;
  overflow-y: hidden !important;
  padding: 0 !important;
}
.re-page.re-suite .re-chrono-rail {
  display: flex !important;
  align-items: flex-end !important;
  gap: 3px !important;
  height: 7.5rem !important;
  min-height: 7.5rem !important;
  padding: .75rem .5rem .35rem !important;
  background: #0c1b2a !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06) !important;
  position: relative !important;
}
.re-page.re-suite .re-chrono-tick {
  flex: 1 0 14px !important;
  min-width: 14px !important;
  max-width: 28px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: .25rem !important;
  height: 100% !important;
  opacity: .45 !important;
  position: relative !important;
  overflow: visible !important;
  cursor: default !important;
}
.re-page.re-suite .re-chrono-tick.has-act {
  opacity: 1 !important;
  cursor: pointer !important;
}
.re-page.re-suite .re-chrono-tick.is-tip-on {
  opacity: 1 !important;
  outline: 1px solid rgba(196,165,116,.55) !important;
  outline-offset: 1px !important;
  border-radius: 4px !important;
}
.re-page.re-suite .re-chrono-bars {
  flex: 1 !important;
  width: 100% !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 2px !important;
  min-height: 0 !important;
}
.re-page.re-suite .re-chrono-bars i {
  display: block !important;
  width: 45% !important;
  min-height: 3px !important;
  border-radius: 3px 3px 1px 1px !important;
  font-style: normal !important;
}
.re-page.re-suite .re-chrono-bars i.in { background: linear-gradient(180deg, #34d399, #067647) !important; }
.re-page.re-suite .re-chrono-bars i.out { background: linear-gradient(180deg, #f97066, #b42318) !important; }
.re-page.re-suite .re-chrono-tick em {
  font-style: normal !important;
  font-size: .62rem !important;
  font-weight: 650 !important;
  color: rgba(255,255,255,.55) !important;
}
.re-page.re-suite .re-chrono-tick.has-act em { color: #f5e6c8 !important; }

.re-page.re-suite .re-chrono-spine {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  padding: .25rem 0 1rem !important;
  position: relative !important;
}
.re-page.re-suite .re-chrono-node {
  display: grid !important;
  grid-template-columns: 4.5rem 1fr !important;
  grid-template-rows: auto auto !important;
  column-gap: 1.25rem !important;
  row-gap: .55rem !important;
  padding: 0 0 1.5rem !important;
  position: relative !important;
}
.re-page.re-suite .re-chrono-axis {
  position: absolute !important;
  inset-inline-start: 1.85rem !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 2px !important;
  background: linear-gradient(180deg, #0e4d6b, #d5dee8) !important;
}
.re-page.re-suite .re-chrono-axis span {
  position: absolute !important;
  top: .35rem !important;
  inset-inline-start: 50% !important;
  width: 12px !important;
  height: 12px !important;
  margin-inline-start: -6px !important;
  border-radius: 50% !important;
  background: #fff !important;
  border: 3px solid #9a7b4f !important;
  box-shadow: 0 0 0 4px rgba(154,123,79,.2) !important;
  z-index: 1 !important;
}
.re-page.re-suite .re-chrono-node time {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  padding-top: .1rem !important;
  z-index: 2 !important;
}
.re-page.re-suite .re-chrono-node time b {
  font-size: 1.35rem !important;
  font-weight: 800 !important;
  color: #0c1b2a !important;
  line-height: 1 !important;
}
.re-page.re-suite .re-chrono-node time span {
  font-size: .68rem !important;
  font-weight: 650 !important;
  color: #5a6b7d !important;
  text-align: center !important;
  margin-top: .2rem !important;
}
.re-page.re-suite .re-chrono-day-sum {
  grid-column: 2 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .5rem .85rem !important;
  align-items: baseline !important;
  font-size: .82rem !important;
  font-weight: 750 !important;
}
.re-page.re-suite .re-chrono-day-sum .in { color: #067647 !important; }
.re-page.re-suite .re-chrono-day-sum .out { color: #b42318 !important; }
.re-page.re-suite .re-chrono-events {
  grid-column: 2 !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
  gap: .65rem !important;
}
.re-page.re-suite .re-chrono-card {
  padding: .75rem .9rem !important;
  border-radius: 12px !important;
  border: 1px solid #d5dee8 !important;
  background: #fff !important;
  box-shadow: 0 4px 14px rgba(12,27,42,.05) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: .3rem !important;
  border-inline-start: 4px solid #9a7b4f !important;
  transition: transform .15s ease, box-shadow .15s ease !important;
}
.re-page.re-suite .re-chrono-card:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 24px rgba(12,27,42,.1) !important;
}
.re-page.re-suite .re-chrono-card.is-in { border-inline-start-color: #067647 !important; background: linear-gradient(135deg, #fff, #f3faf6) !important; }
.re-page.re-suite .re-chrono-card.is-out { border-inline-start-color: #b42318 !important; background: linear-gradient(135deg, #fff, #fef6f5) !important; }
.re-page.re-suite .re-chrono-card header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: baseline !important;
  gap: .5rem !important;
}
.re-page.re-suite .re-chrono-card header span {
  font-size: .7rem !important;
  font-weight: 700 !important;
  color: #5a6b7d !important;
  text-transform: uppercase !important;
  letter-spacing: .03em !important;
}
.re-page.re-suite .re-chrono-card header strong {
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  color: #0c1b2a !important;
  font-variant-numeric: tabular-nums !important;
}
.re-page.re-suite .re-chrono-card.is-in header strong { color: #067647 !important; }
.re-page.re-suite .re-chrono-card.is-out header strong { color: #b42318 !important; }
.re-page.re-suite .re-chrono-card p {
  margin: 0 !important;
  font-size: .88rem !important;
  font-weight: 650 !important;
  color: #0c1b2a !important;
}
.re-page.re-suite .re-chrono-card code {
  font-size: .72rem !important;
  color: #5a6b7d !important;
  background: #f0f3f7 !important;
  padding: .12rem .4rem !important;
  border-radius: 6px !important;
  width: fit-content !important;
}

/* Lease cards + progress */
.re-page.re-suite .re-lease-card {
  background: #fff !important;
  border: 1px solid #d5dee8 !important;
  border-radius: 14px !important;
  padding: 1rem !important;
  box-shadow: 0 6px 20px rgba(12,27,42,.06) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: .55rem !important;
}
.re-page.re-suite .re-lease-no {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  font-weight: 800 !important;
  font-size: 1.05rem !important;
  color: #0c1b2a !important;
  cursor: pointer !important;
}
.re-page.re-suite .re-lease-progress {
  height: 6px !important;
  border-radius: 999px !important;
  background: #e8eef3 !important;
  overflow: hidden !important;
}
.re-page.re-suite .re-lease-progress i {
  display: block !important;
  height: 100% !important;
  border-radius: inherit !important;
  background: linear-gradient(90deg, #0e4d6b, #9a7b4f) !important;
  font-style: normal !important;
}
.re-page.re-suite .re-kanban-col {
  background: #f4f7fa !important;
  border-radius: 14px !important;
  border: 1px solid #d5dee8 !important;
  padding: .65rem !important;
}
.re-page.re-suite .re-kanban-head {
  background: #0e4d6b !important;
  color: #fff !important;
  border-radius: 10px !important;
  padding: .65rem .85rem !important;
  margin-bottom: .65rem !important;
}
.re-page.re-suite .re-kanban-head span,
.re-page.re-suite .re-kanban-head b { color: #fff !important; }

/* Unit cards polish */
.re-page.re-suite .re-unit-card {
  transition: transform .15s ease, box-shadow .15s ease !important;
}
.re-page.re-suite .re-unit-card:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 14px 28px rgba(12,27,42,.12) !important;
}
.re-page.re-suite .re-unit-thumb {
  height: 110px !important;
  background-color: #1a3348 !important;
}

@media (max-width: 720px) {
  .re-page.re-suite .re-chrono-node {
    grid-template-columns: 3.25rem 1fr !important;
  }
  .re-page.re-suite .re-chrono-axis { inset-inline-start: 1.2rem !important; }
}
/* === /RE Chrono v73 === */

/* === RE Atelier Lux v74 === */
/* View toggle — NEVER black-on-blue */
.re-erp-view-toggle {
  display: inline-flex !important;
  gap: .35rem !important;
  padding: .25rem !important;
  background: #e8eef3 !important;
  border-radius: 12px !important;
  border: 1px solid #d0dae4 !important;
}
.re-erp-view-toggle .re-view-btn,
.re-page.re-suite .re-view-btn,
button.re-view-btn {
  appearance: none !important;
  border: 0 !important;
  cursor: pointer !important;
  padding: .55rem 1rem !important;
  border-radius: 10px !important;
  font-size: .82rem !important;
  font-weight: 750 !important;
  color: #0c1b2a !important;
  background: transparent !important;
  transition: background .2s ease, color .2s ease, transform .15s ease, box-shadow .2s ease !important;
}
.re-erp-view-toggle .re-view-btn.is-on,
button.re-view-btn.is-on {
  background: linear-gradient(135deg, #0e4d6b 0%, #163a4f 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 6px 16px rgba(14,77,107,.35) !important;
}
.re-erp-view-toggle .re-view-btn:not(.is-on):hover {
  background: rgba(14,77,107,.08) !important;
  color: #0e4d6b !important;
}
/* Force contrast on any leftover primary in RE filters */
.re-dash-filter .btn-primary,
.fin-filter.re-dash-filter .btn-primary,
.re-page.re-suite .btn-primary {
  color: #fff !important;
  background: linear-gradient(135deg, #0e4d6b, #163a4f) !important;
  border-color: transparent !important;
}
.re-dash-filter .btn-secondary,
.fin-filter.re-dash-filter .btn-secondary,
.re-page.re-suite .btn-secondary {
  color: #0c1b2a !important;
  background: #fff !important;
  border: 1px solid #c5d0db !important;
}

/* Animations */
@keyframes reRise {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes reBarGrow {
  from { transform: scaleX(0); }
  to { transform: scaleX(1); }
}
@keyframes rePulseSoft {
  0%, 100% { box-shadow: 0 0 0 0 rgba(154,123,79,.25); }
  50% { box-shadow: 0 0 0 8px rgba(154,123,79,0); }
}
.re-page.re-suite .re-anim-rise {
  animation: reRise .45s ease both !important;
}
.re-page.re-suite .re-desk-alert.re-anim-rise:nth-child(1) { animation-delay: .02s !important; }
.re-page.re-suite .re-desk-alert.re-anim-rise:nth-child(2) { animation-delay: .06s !important; }
.re-page.re-suite .re-desk-alert.re-anim-rise:nth-child(3) { animation-delay: .1s !important; }
.re-page.re-suite .re-desk-alert.re-anim-rise:nth-child(4) { animation-delay: .14s !important; }
.re-page.re-suite .re-chrono-card.re-anim-rise { animation-delay: .05s !important; }

/* Board viz charts */
.re-page.re-suite .re-desk-viz {
  display: grid !important;
  grid-template-columns: 1.6fr 1fr !important;
  gap: 1rem !important;
}
.re-page.re-suite .re-viz-compare,
.re-page.re-suite .re-viz-donut-card {
  background: #fff !important;
  border: 1px solid #d5dee8 !important;
  border-radius: 16px !important;
  box-shadow: 0 12px 36px rgba(12,27,42,.08) !important;
  padding: 1.15rem 1.25rem !important;
  position: relative !important;
  overflow: hidden !important;
}
.re-page.re-suite .re-viz-compare::before {
  content: "" !important;
  position: absolute !important;
  inset-inline: 0 !important;
  top: 0 !important;
  height: 3px !important;
  background: linear-gradient(90deg, #067647, #9a7b4f, #b42318) !important;
}
.re-page.re-suite .re-viz-compare header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: baseline !important;
  margin-bottom: .85rem !important;
}
.re-page.re-suite .re-viz-compare h3 {
  margin: 0 !important;
  font-size: 1rem !important;
  font-weight: 800 !important;
  color: #0c1b2a !important;
}
.re-page.re-suite .re-viz-compare header span {
  font-size: .78rem !important;
  color: #5a6b7d !important;
  font-weight: 650 !important;
}
.re-page.re-suite .re-viz-bars { display: grid !important; gap: .7rem !important; }
.re-page.re-suite .re-viz-bar-row {
  display: grid !important;
  grid-template-columns: 7.5rem 1fr auto !important;
  gap: .65rem !important;
  align-items: center !important;
}
.re-page.re-suite .re-viz-bar-row span {
  font-size: .78rem !important;
  font-weight: 700 !important;
  color: #5a6b7d !important;
}
.re-page.re-suite .re-viz-bar-row b {
  font-size: .88rem !important;
  font-weight: 800 !important;
  font-variant-numeric: tabular-nums !important;
  white-space: nowrap !important;
}
.re-page.re-suite .re-viz-track {
  height: 10px !important;
  border-radius: 999px !important;
  background: #e8eef3 !important;
  overflow: hidden !important;
}
.re-page.re-suite .re-viz-track i {
  display: block !important;
  height: 100% !important;
  border-radius: inherit !important;
  transform-origin: inline-start !important;
  animation: reBarGrow .7s ease both !important;
  font-style: normal !important;
}
.re-page.re-suite .re-viz-bar-row.in .re-viz-track i { background: linear-gradient(90deg, #34d399, #067647) !important; }
.re-page.re-suite .re-viz-bar-row.out .re-viz-track i { background: linear-gradient(90deg, #f97066, #b42318) !important; }
.re-page.re-suite .re-viz-bar-row.net .re-viz-track i { background: linear-gradient(90deg, #38bdf8, #0e4d6b) !important; }
.re-page.re-suite .re-viz-bar-row.in b { color: #067647 !important; }
.re-page.re-suite .re-viz-bar-row.out b { color: #b42318 !important; }
.re-page.re-suite .re-viz-bar-row.net b { color: #0e4d6b !important; }
.re-page.re-suite .re-viz-spark {
  width: 100% !important;
  height: 48px !important;
  margin-top: .85rem !important;
}
.re-page.re-suite .re-viz-spark .rev {
  stroke: #067647 !important;
  stroke-width: 2.5 !important;
  fill: none !important;
}
.re-page.re-suite .re-viz-spark .exp {
  stroke: #b42318 !important;
  stroke-width: 2.5 !important;
  fill: none !important;
  opacity: .85 !important;
}
.re-page.re-suite .re-viz-donut-card {
  display: flex !important;
  align-items: center !important;
  gap: 1.15rem !important;
}
.re-page.re-suite .re-occ-ring--lg {
  width: 6.5rem !important;
  height: 6.5rem !important;
}
.re-page.re-suite .re-occ-ring--lg b { font-size: 1.25rem !important; }
.re-page.re-suite .re-viz-donut-card ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  gap: .55rem !important;
  flex: 1 !important;
}
.re-page.re-suite .re-viz-donut-card li {
  display: grid !important;
  grid-template-columns: auto 1fr auto !important;
  gap: .5rem !important;
  align-items: center !important;
  font-size: .86rem !important;
}
.re-page.re-suite .re-viz-donut-card li i {
  width: .65rem !important;
  height: .65rem !important;
  border-radius: 50% !important;
  font-style: normal !important;
}
.re-page.re-suite .re-viz-donut-card li i.occ { background: #0e4d6b !important; }
.re-page.re-suite .re-viz-donut-card li i.vac { background: #067647 !important; }
.re-page.re-suite .re-viz-donut-card li i.all { background: #9a7b4f !important; }
.re-page.re-suite .re-viz-donut-card li span { color: #5a6b7d !important; font-weight: 650 !important; }
.re-page.re-suite .re-viz-donut-card li b { color: #0c1b2a !important; font-weight: 800 !important; }

/* Split timeline — expenses LEFT | axis | income RIGHT (forced LTR for comparison) */
.re-page.re-suite .re-chrono {
  padding: 1.35rem 1.4rem 1.6rem !important;
  border-radius: 18px !important;
  box-shadow: 0 16px 48px rgba(12,27,42,.1) !important;
  background:
    radial-gradient(ellipse 60% 40% at 0% 0%, rgba(180,35,24,.06), transparent 50%),
    radial-gradient(ellipse 60% 40% at 100% 0%, rgba(6,118,71,.07), transparent 50%),
    linear-gradient(180deg, #fff 0%, #f5f8fb 100%) !important;
}
.re-page.re-suite .re-chrono-rail {
  height: 9rem !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, #0a1622 0%, #122536 100%) !important;
  padding: 1rem .75rem .45rem !important;
  animation: reRise .5s ease both !important;
}
.re-page.re-suite .re-chrono-compare-labels {
  display: grid !important;
  grid-template-columns: 1fr auto 1fr !important;
  gap: 1rem !important;
  direction: ltr !important;
  margin: .35rem 0 .15rem !important;
  font-size: .78rem !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}
.re-page.re-suite .re-chrono-compare-labels .out { color: #b42318 !important; text-align: center !important; }
.re-page.re-suite .re-chrono-compare-labels .in { color: #067647 !important; text-align: center !important; }
.re-page.re-suite .re-chrono-compare-labels .mid { color: #5a6b7d !important; text-align: center !important; }
.re-page.re-suite .re-chrono-spine--split {
  direction: ltr !important;
  padding-top: .5rem !important;
}
.re-page.re-suite .re-chrono-node--split {
  display: grid !important;
  grid-template-columns: 1fr 5.5rem 1fr !important;
  gap: .85rem 1rem !important;
  align-items: start !important;
  padding: 0 0 1.75rem !important;
  position: relative !important;
}
.re-page.re-suite .re-chrono-col {
  display: flex !important;
  flex-direction: column !important;
  gap: .55rem !important;
  min-width: 0 !important;
}
.re-page.re-suite .re-chrono-col.is-out { align-items: flex-end !important; }
.re-page.re-suite .re-chrono-col.is-in { align-items: flex-start !important; }
.re-page.re-suite .re-chrono-col .re-chrono-card { width: 100% !important; max-width: 20rem !important; }
.re-page.re-suite .re-chrono-col.is-out .re-chrono-card { text-align: end !important; }
.re-page.re-suite .re-chrono-ghost {
  opacity: .25 !important;
  font-size: 1.25rem !important;
  padding: 1rem !important;
  color: #5a6b7d !important;
}
.re-page.re-suite .re-chrono-mid {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: .35rem !important;
  position: relative !important;
  z-index: 2 !important;
}
.re-page.re-suite .re-chrono-node--split .re-chrono-axis {
  position: absolute !important;
  left: 50% !important;
  top: 0 !important;
  bottom: -1.75rem !important;
  width: 3px !important;
  margin-left: -1.5px !important;
  inset-inline-start: auto !important;
  background: linear-gradient(180deg, #9a7b4f, #0e4d6b 40%, #d5dee8) !important;
  border-radius: 2px !important;
}
.re-page.re-suite .re-chrono-node--split .re-chrono-axis span {
  top: .55rem !important;
  animation: rePulseSoft 2.4s ease infinite !important;
  border-color: #0e4d6b !important;
  width: 14px !important;
  height: 14px !important;
  margin-inline-start: -7px !important;
}
.re-page.re-suite .re-chrono-mid time {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  background: #fff !important;
  border: 1px solid #d5dee8 !important;
  border-radius: 12px !important;
  padding: .45rem .55rem !important;
  box-shadow: 0 6px 18px rgba(12,27,42,.08) !important;
  z-index: 2 !important;
}
.re-page.re-suite .re-chrono-mid time b {
  font-size: 1.35rem !important;
  font-weight: 850 !important;
  color: #0c1b2a !important;
  line-height: 1 !important;
}
.re-page.re-suite .re-chrono-mid time span {
  font-size: .65rem !important;
  font-weight: 700 !important;
  color: #5a6b7d !important;
  text-transform: uppercase !important;
}
.re-page.re-suite .re-chrono-mid .re-chrono-day-sum {
  display: flex !important;
  flex-direction: column !important;
  gap: .15rem !important;
  align-items: center !important;
  font-size: .68rem !important;
  font-weight: 800 !important;
  z-index: 2 !important;
}
.re-page.re-suite .re-chrono-card {
  backdrop-filter: blur(6px) !important;
}
.re-page.re-suite .re-chrono-card.is-in {
  box-shadow: 0 8px 22px rgba(6,118,71,.12) !important;
}
.re-page.re-suite .re-chrono-card.is-out {
  box-shadow: 0 8px 22px rgba(180,35,24,.1) !important;
}

/* Elevate all suite surfaces */
.re-page.re-suite .re-desk-kpi,
.re-page.re-suite .re-desk-card,
.re-page.re-suite .re-unit-card,
.re-page.re-suite .re-lease-card,
.re-page.re-suite .re-suite-toolbar,
.re-page.re-suite .re-erp-filters {
  box-shadow: 0 10px 32px rgba(12,27,42,.07) !important;
  border-radius: 14px !important;
}
.re-page.re-suite .re-desk-kpi:hover,
.re-page.re-suite .re-unit-card:hover,
.re-page.re-suite .re-lease-card:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 16px 40px rgba(12,27,42,.12) !important;
}
.re-page.re-suite .data-table th {
  letter-spacing: .03em !important;
  text-transform: uppercase !important;
  font-size: .68rem !important;
}
.re-page.re-suite .re-kanban-head {
  background: linear-gradient(135deg, #0e4d6b, #1a5a75) !important;
  box-shadow: 0 6px 16px rgba(14,77,107,.25) !important;
}

/* Dark / obsidian parity for suite + desk + chrono */
html[data-theme="dark"] .re-page.re-suite,
html[data-theme="obsidian"] .re-page.re-suite,
body.theme-obsidian .re-page.re-suite,
.app-shell.theme-obsidian .re-page.re-suite {
  --re-paper: #121820 !important;
  --re-surface: #1a2330 !important;
  --re-ink: #e8f0f4 !important;
  --re-ink-soft: #9bb0bf !important;
  --re-line: #2a3a4a !important;
  background: linear-gradient(180deg, #0e141c 0%, #121820 100%) !important;
  border-color: #2a3a4a !important;
  color: var(--re-ink) !important;
}
html[data-theme="dark"] .re-page.re-suite .re-desk-kpi,
html[data-theme="dark"] .re-page.re-suite .re-desk-card,
html[data-theme="dark"] .re-page.re-suite .re-desk-alert,
html[data-theme="dark"] .re-page.re-suite .re-viz-compare,
html[data-theme="dark"] .re-page.re-suite .re-viz-donut-card,
html[data-theme="dark"] .re-page.re-suite .re-chrono,
html[data-theme="dark"] .re-page.re-suite .re-unit-card,
html[data-theme="dark"] .re-page.re-suite .re-lease-card,
html[data-theme="dark"] .re-page.re-suite .re-suite-toolbar,
html[data-theme="obsidian"] .re-page.re-suite .re-desk-kpi,
html[data-theme="obsidian"] .re-page.re-suite .re-desk-card,
html[data-theme="obsidian"] .re-page.re-suite .re-desk-alert,
html[data-theme="obsidian"] .re-page.re-suite .re-viz-compare,
html[data-theme="obsidian"] .re-page.re-suite .re-viz-donut-card,
html[data-theme="obsidian"] .re-page.re-suite .re-chrono,
html[data-theme="obsidian"] .re-page.re-suite .re-unit-card,
html[data-theme="obsidian"] .re-page.re-suite .re-lease-card,
body.theme-obsidian .re-page.re-suite .re-desk-kpi,
body.theme-obsidian .re-page.re-suite .re-desk-card,
body.theme-obsidian .re-page.re-suite .re-chrono {
  background: #1a2330 !important;
  border-color: #2a3a4a !important;
  color: #e8f0f4 !important;
}
html[data-theme="dark"] .re-page.re-suite .re-desk-card-head,
html[data-theme="dark"] .re-page.re-suite .re-chrono-mid time,
html[data-theme="obsidian"] .re-page.re-suite .re-desk-card-head,
html[data-theme="obsidian"] .re-page.re-suite .re-chrono-mid time {
  background: #121820 !important;
  border-color: #2a3a4a !important;
  color: #e8f0f4 !important;
}
html[data-theme="dark"] .re-page.re-suite .re-desk-kpi strong,
html[data-theme="dark"] .re-page.re-suite .re-desk-table td,
html[data-theme="dark"] .re-page.re-suite .re-chrono-card p,
html[data-theme="dark"] .re-page.re-suite .re-chrono-card header strong,
html[data-theme="obsidian"] .re-page.re-suite .re-desk-kpi strong,
html[data-theme="obsidian"] .re-page.re-suite .re-chrono-card p {
  color: #e8f0f4 !important;
}
html[data-theme="dark"] .re-page.re-suite .re-viz-track,
html[data-theme="obsidian"] .re-page.re-suite .re-viz-track {
  background: #243040 !important;
}
html[data-theme="dark"] .re-erp-view-toggle,
html[data-theme="obsidian"] .re-erp-view-toggle,
body.theme-obsidian .re-erp-view-toggle {
  background: #1a2330 !important;
  border-color: #2a3a4a !important;
}
html[data-theme="dark"] .re-erp-view-toggle .re-view-btn:not(.is-on),
html[data-theme="obsidian"] .re-erp-view-toggle .re-view-btn:not(.is-on) {
  color: #c5d4de !important;
}

@media (max-width: 960px) {
  .re-page.re-suite .re-desk-viz { grid-template-columns: 1fr !important; }
  .re-page.re-suite .re-chrono-node--split {
    grid-template-columns: 1fr !important;
  }
  .re-page.re-suite .re-chrono-mid { order: -1 !important; }
  .re-page.re-suite .re-chrono-col.is-out,
  .re-page.re-suite .re-chrono-col.is-in { align-items: stretch !important; }
  .re-page.re-suite .re-chrono-compare-labels { display: none !important; }
  .re-page.re-suite .re-chrono-node--split .re-chrono-axis { display: none !important; }
}
/* === /RE Atelier Lux v74 === */

/* === RE Board Lux Charts v75 === */
.re-page.re-suite .re-card-sub {
  margin: .15rem 0 0 !important;
  font-size: .72rem !important;
  font-weight: 650 !important;
  color: var(--re-ink-soft, #5a6b7d) !important;
}
.re-page.re-suite .re-desk-card-head > div { min-width: 0 !important; }
.re-page.re-suite .re-desk-grid--lux {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 1.15rem !important;
}

/* Beautiful native tooltips for RE charts */
.re-page.re-suite [title] { cursor: help; }
.re-page.re-suite .re-finance-meter,
.re-page.re-suite .re-alert-row,
.re-page.re-suite .re-cash-bar,
.re-page.re-suite .re-lease-bar-row,
.re-page.re-suite .re-deposit-chip,
.re-page.re-suite .re-chrono-card,
.re-page.re-suite .re-chrono-tick {
  position: relative !important;
}
.re-page.re-suite .re-finance-meter:hover,
.re-page.re-suite .re-alert-row:hover,
.re-page.re-suite .re-cash-bar:hover,
.re-page.re-suite .re-lease-bar-row:hover,
.re-page.re-suite .re-deposit-chip:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 28px rgba(12,27,42,.1) !important;
}

/* Finance card meters + net ring */
.re-page.re-suite .re-finance-viz {
  display: flex !important;
  flex-direction: column !important;
  gap: .85rem !important;
  padding: 1rem 1.15rem !important;
}
.re-page.re-suite .re-finance-meter-head {
  display: flex !important;
  justify-content: space-between !important;
  align-items: baseline !important;
  gap: .75rem !important;
  margin-bottom: .35rem !important;
}
.re-page.re-suite .re-finance-meter-head span {
  font-size: .8rem !important;
  font-weight: 700 !important;
  color: #5a6b7d !important;
}
.re-page.re-suite .re-finance-meter-head b {
  font-size: .95rem !important;
  font-weight: 800 !important;
  font-variant-numeric: tabular-nums !important;
  color: #0c1b2a !important;
}
.re-page.re-suite .re-finance-meter-head b.in { color: #067647 !important; }
.re-page.re-suite .re-finance-meter-head b.out { color: #b42318 !important; }
.re-page.re-suite .re-viz-track i.mute { background: linear-gradient(90deg, #cbd5e1, #94a3b8) !important; }
.re-page.re-suite .re-viz-track i.warn { background: linear-gradient(90deg, #fbbf24, #b54708) !important; }
.re-page.re-suite .re-finance-net {
  display: flex !important;
  align-items: center !important;
  gap: 1rem !important;
  padding: .85rem 1rem !important;
  margin-top: .25rem !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, #0e4d6b 0%, #1a5f7a 55%, #9a7b4f 140%) !important;
  color: #fff !important;
  box-shadow: 0 12px 28px rgba(14,77,107,.28) !important;
}
.re-page.re-suite .re-finance-net-ring {
  --net: 0;
  position: relative !important;
  width: 4.5rem !important;
  height: 4.5rem !important;
  flex-shrink: 0 !important;
}
.re-page.re-suite .re-finance-net-ring svg { width: 100% !important; height: 100% !important; transform: rotate(-90deg) !important; }
.re-page.re-suite .re-finance-net-ring circle { fill: none !important; stroke-width: 7 !important; }
.re-page.re-suite .re-finance-net-ring .track { stroke: rgba(255,255,255,.22) !important; }
.re-page.re-suite .re-finance-net-ring .prog {
  stroke: #f5e6c8 !important;
  stroke-linecap: round !important;
  stroke-dasharray: 175.93 !important;
  stroke-dashoffset: calc(175.93 - (175.93 * var(--net) / 100)) !important;
}
.re-page.re-suite .re-finance-net-ring em {
  position: absolute !important;
  inset: 0 !important;
  display: grid !important;
  place-items: center !important;
  font-style: normal !important;
  font-size: .58rem !important;
  font-weight: 800 !important;
  color: #f5e6c8 !important;
  text-align: center !important;
  padding: .35rem !important;
  line-height: 1.15 !important;
}
.re-page.re-suite .re-finance-net span {
  display: block !important;
  font-size: .75rem !important;
  opacity: .85 !important;
  font-weight: 650 !important;
}
.re-page.re-suite .re-finance-net strong {
  display: block !important;
  font-size: 1.35rem !important;
  font-weight: 850 !important;
  letter-spacing: -.02em !important;
  margin: .15rem 0 !important;
  color: #fff !important;
}
.re-page.re-suite .re-finance-net small {
  display: block !important;
  font-size: .72rem !important;
  opacity: .75 !important;
}

/* Alert rows with bars */
.re-page.re-suite .re-alert-list {
  display: flex !important;
  flex-direction: column !important;
  gap: .55rem !important;
  padding: .85rem 1rem 1.1rem !important;
}
.re-page.re-suite .re-alert-row {
  display: block !important;
  text-decoration: none !important;
  color: inherit !important;
  padding: .75rem .85rem !important;
  border-radius: 12px !important;
  border: 1px solid #e4ebf1 !important;
  background: #fff !important;
  border-inline-start: 4px solid #b42318 !important;
  transition: transform .15s ease, box-shadow .15s ease !important;
}
.re-page.re-suite .re-alert-row.is-warn { border-inline-start-color: #b54708 !important; }
.re-page.re-suite .re-alert-row-top {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: .5rem !important;
}
.re-page.re-suite .re-alert-row-top b {
  font-size: .9rem !important;
  font-weight: 800 !important;
  color: #0c1b2a !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}
.re-page.re-suite .re-alert-row-top .re-status-pill {
  flex: 0 0 auto !important;
  width: fit-content !important;
  max-width: max-content !important;
  align-self: center !important;
  margin-inline-start: auto !important;
  white-space: nowrap !important;
}
.re-page.re-suite .re-alert-row p {
  margin: .25rem 0 .45rem !important;
  font-size: .8rem !important;
  color: #5a6b7d !important;
  font-weight: 600 !important;
}
.re-page.re-suite .re-alert-row-bar {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  gap: .65rem !important;
  align-items: center !important;
}
.re-page.re-suite .re-alert-row-bar strong {
  font-size: .88rem !important;
  font-weight: 800 !important;
  color: #b42318 !important;
  font-variant-numeric: tabular-nums !important;
  white-space: nowrap !important;
}

/* Cash bars */
.re-page.re-suite .re-cash-bars {
  display: flex !important;
  flex-direction: column !important;
  gap: .65rem !important;
  padding: .85rem 1rem 1.1rem !important;
}
.re-page.re-suite .re-cash-bar {
  padding: .7rem .8rem !important;
  border-radius: 12px !important;
  border: 1px solid #e4ebf1 !important;
  background: linear-gradient(180deg, #fff, #f8fafc) !important;
  transition: transform .15s ease, box-shadow .15s ease !important;
}
.re-page.re-suite .re-cash-bar-meta {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: .5rem !important;
  margin-bottom: .25rem !important;
}
.re-page.re-suite .re-cash-bar-meta b {
  font-weight: 800 !important;
  font-variant-numeric: tabular-nums !important;
}
.re-page.re-suite .re-cash-bar.in .re-cash-bar-meta b { color: #067647 !important; }
.re-page.re-suite .re-cash-bar.out .re-cash-bar-meta b { color: #b42318 !important; }
.re-page.re-suite .re-cash-bar p {
  margin: 0 0 .4rem !important;
  font-size: .82rem !important;
  font-weight: 650 !important;
  color: #0c1b2a !important;
}
.re-page.re-suite .re-cash-bar code {
  font-size: .7rem !important;
  color: #5a6b7d !important;
  background: #eef2f6 !important;
  padding: .1rem .35rem !important;
  border-radius: 5px !important;
  margin-inline-start: .35rem !important;
}

/* Lease progress rows */
.re-page.re-suite .re-lease-bars {
  display: flex !important;
  flex-direction: column !important;
  gap: .7rem !important;
  padding: .85rem 1rem 1.1rem !important;
}
.re-page.re-suite .re-lease-bar-row {
  padding: .7rem .8rem !important;
  border-radius: 12px !important;
  border: 1px solid #e4ebf1 !important;
  background: #fff !important;
  transition: transform .15s ease, box-shadow .15s ease !important;
}
.re-page.re-suite .re-lease-bar-top {
  display: flex !important;
  justify-content: space-between !important;
  gap: .5rem !important;
  margin-bottom: .4rem !important;
}
.re-page.re-suite .re-lease-bar-top strong {
  font-size: 1rem !important;
  font-weight: 850 !important;
  color: #0c1b2a !important;
  letter-spacing: .04em !important;
}
.re-page.re-suite .re-lease-bar-top span {
  font-size: .8rem !important;
  color: #5a6b7d !important;
  font-weight: 650 !important;
  text-align: end !important;
}
.re-page.re-suite .re-lease-bar-dates {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-top: .35rem !important;
  font-size: .72rem !important;
  color: #5a6b7d !important;
  font-weight: 650 !important;
}
.re-page.re-suite .re-lease-bar-dates em {
  font-style: normal !important;
  font-weight: 750 !important;
  color: #0e4d6b !important;
  background: #eef5f8 !important;
  padding: .1rem .4rem !important;
  border-radius: 6px !important;
}

/* Deposit chips */
.re-page.re-suite .re-deposit-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)) !important;
  gap: .75rem !important;
  padding: 1rem 1.15rem 1.2rem !important;
}
.re-page.re-suite .re-deposit-chip {
  display: flex !important;
  flex-direction: column !important;
  gap: .2rem !important;
  padding: .85rem 1rem !important;
  border-radius: 14px !important;
  border: 1px solid #d5dee8 !important;
  background: linear-gradient(165deg, #fff, #f4f7fa) !important;
  box-shadow: 0 6px 18px rgba(12,27,42,.05) !important;
  transition: transform .15s ease, box-shadow .15s ease !important;
}
.re-page.re-suite .re-deposit-chip b {
  font-size: 1.15rem !important;
  font-weight: 850 !important;
  color: #0c1b2a !important;
  letter-spacing: .04em !important;
}
.re-page.re-suite .re-deposit-chip span {
  font-size: .72rem !important;
  color: #5a6b7d !important;
  font-weight: 650 !important;
}
.re-page.re-suite .re-deposit-chip strong {
  margin-top: .35rem !important;
  font-size: .92rem !important;
  font-weight: 800 !important;
  color: #0e4d6b !important;
  font-variant-numeric: tabular-nums !important;
}

/* Typography lift — all suite screens */
.re-page.re-suite,
.re-page.re-suite .data-table,
.re-page.re-suite .field-input,
.re-page.re-suite label,
.re-page.re-suite .re-kanban,
.re-page.re-suite .re-unit-card,
.re-page.re-suite .re-lease-card {
  font-family: "IBM Plex Sans Arabic", "Segoe UI", Tahoma, sans-serif !important;
  -webkit-font-smoothing: antialiased !important;
}
.re-page.re-suite h3,
.re-page.re-suite .re-desk-card-head h3,
.re-page.re-suite .re-erp-chrome-title {
  font-weight: 800 !important;
  letter-spacing: -.01em !important;
  color: #0c1b2a !important;
}
.re-page.re-suite .re-unit-code,
.re-page.re-suite .re-lease-no span:first-child {
  font-family: Outfit, "IBM Plex Sans Arabic", sans-serif !important;
  font-weight: 800 !important;
}
.re-page.re-suite .re-unit-rent,
.re-page.re-suite .num,
.re-page.re-suite .re-desk-kpi strong {
  font-family: Outfit, "IBM Plex Sans Arabic", sans-serif !important;
  font-variant-numeric: tabular-nums !important;
}

/* Dark mode board charts */
html[data-theme="dark"] .re-page.re-suite .re-alert-row,
html[data-theme="dark"] .re-page.re-suite .re-cash-bar,
html[data-theme="dark"] .re-page.re-suite .re-lease-bar-row,
html[data-theme="dark"] .re-page.re-suite .re-deposit-chip,
html[data-theme="obsidian"] .re-page.re-suite .re-alert-row,
html[data-theme="obsidian"] .re-page.re-suite .re-cash-bar,
html[data-theme="obsidian"] .re-page.re-suite .re-lease-bar-row,
html[data-theme="obsidian"] .re-page.re-suite .re-deposit-chip {
  background: #121820 !important;
  border-color: #2a3a4a !important;
  color: #e8f0f4 !important;
}
html[data-theme="dark"] .re-page.re-suite .re-alert-row-top b,
html[data-theme="dark"] .re-page.re-suite .re-cash-bar p,
html[data-theme="dark"] .re-page.re-suite .re-lease-bar-top strong,
html[data-theme="dark"] .re-page.re-suite .re-deposit-chip b,
html[data-theme="obsidian"] .re-page.re-suite .re-alert-row-top b,
html[data-theme="obsidian"] .re-page.re-suite .re-deposit-chip b {
  color: #e8f0f4 !important;
}

@media (max-width: 900px) {
  .re-page.re-suite .re-desk-grid--lux { grid-template-columns: 1fr !important; }
}
/* === /RE Board Lux Charts v75 === */

/* === RE Dedup + fill v76 === */
.re-page.re-suite .re-viz-bar-row.warn .re-viz-track i { background: linear-gradient(90deg, #fbbf24, #b54708) !important; }
.re-page.re-suite .re-viz-bar-row.info .re-viz-track i { background: linear-gradient(90deg, #38bdf8, #0e4d6b) !important; }
.re-page.re-suite .re-viz-bar-row.warn b { color: #b54708 !important; }
.re-page.re-suite .re-viz-bar-row.info b { color: #0e4d6b !important; }
.re-page.re-suite .re-viz-mix {
  display: flex !important;
  height: 12px !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  margin-top: .85rem !important;
  background: #e8eef3 !important;
}
.re-page.re-suite .re-viz-mix i {
  display: block !important;
  min-width: 0 !important;
  font-style: normal !important;
}
.re-page.re-suite .re-viz-mix i.out { background: #b42318 !important; }
.re-page.re-suite .re-viz-mix i.warn { background: #b54708 !important; }
.re-page.re-suite .re-viz-mix i.info { background: #0e4d6b !important; }
.re-page.re-suite .re-viz-donut-card li i.bld { background: #9a7b4f !important; }

.re-page.re-suite .re-finance-fill {
  margin-top: .85rem !important;
  padding-top: .85rem !important;
  border-top: 1px dashed #d5dee8 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: .55rem !important;
}
.re-page.re-suite .re-finance-stack {
  display: flex !important;
  height: 14px !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  background: #e8eef3 !important;
}
.re-page.re-suite .re-finance-stack i {
  display: block !important;
  min-width: 4px !important;
  font-style: normal !important;
}
.re-page.re-suite .re-finance-stack i.in { background: #067647 !important; }
.re-page.re-suite .re-finance-stack i.out { background: #b42318 !important; }
.re-page.re-suite .re-finance-stack i.net { background: #0e4d6b !important; }
.re-page.re-suite .re-finance-legend {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .65rem 1rem !important;
  font-size: .72rem !important;
  font-weight: 750 !important;
}
.re-page.re-suite .re-finance-legend .in { color: #067647 !important; }
.re-page.re-suite .re-finance-legend .out { color: #b42318 !important; }
.re-page.re-suite .re-finance-legend .net { color: #0e4d6b !important; }
.re-page.re-suite .re-card-finance .re-viz-spark {
  height: 56px !important;
  margin-top: 0 !important;
}
.re-page.re-suite .re-desk-hero {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}
/* === /RE Dedup v76 === */

/* === RE Filter Row + Assets Lux v77 === */
/* Force ONE horizontal filter row across RE */
.page-header .fin-filter.re-dash-filter.re-filter-row,
.page-header .compact-filter-bar.re-dash-filter,
.page-header .compact-filter-bar.re-filter-row {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: flex-end !important;
  gap: .55rem .7rem !important;
  padding: .65rem .9rem !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  background: #fff !important;
  border: 1px solid #d5dee8 !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 24px rgba(12,27,42,.07) !important;
}
.page-header .re-dash-filter .compact-filter-fields,
.page-header .re-filter-row .compact-filter-fields {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: flex-end !important;
  gap: .55rem .7rem !important;
  width: 100% !important;
  margin: 0 !important;
}
.page-header .re-dash-filter.has-trail-row,
.page-header .re-dash-filter.has-trail-row .compact-filter-fields,
.page-header .re-dash-filter.has-trail-row .cf-trail-row {
  display: flex !important;
  flex-wrap: nowrap !important;
  flex-direction: row !important;
  align-items: flex-end !important;
}
.page-header .re-dash-filter .cf-trail-row {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  width: auto !important;
  margin-inline-start: auto !important;
}
.page-header .re-dash-filter .cf-field,
.page-header .re-dash-filter .cf-field--sm {
  display: flex !important;
  flex-direction: column !important;
  gap: .2rem !important;
  margin: 0 !important;
  flex: 0 0 auto !important;
}
.page-header .re-dash-filter .cf-field > span,
.page-header .re-dash-filter .cf-field--sm > span {
  font-size: .68rem !important;
  font-weight: 750 !important;
  color: #5a6b7d !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
}
.page-header .re-dash-filter .field-input,
.page-header .re-dash-filter select.field-input,
.page-header .re-dash-filter .searchable-select-trigger {
  min-height: 2.2rem !important;
  height: 2.2rem !important;
  border-radius: 10px !important;
  min-width: 7.5rem !important;
}
.page-header .re-dash-filter .cf-field--sm .field-input,
.page-header .re-dash-filter .cf-field--sm select {
  min-width: 4.25rem !important;
  width: 4.75rem !important;
}
.page-header .re-dash-filter .re-period-seg {
  display: inline-flex !important;
  align-items: stretch !important;
  height: 2.2rem !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  border: 1px solid #cfd8e3 !important;
  background: #f4f7fa !important;
  flex: 0 0 auto !important;
}
.page-header .re-dash-filter .re-period-seg .re-seg {
  border: 0 !important;
  background: transparent !important;
  padding: 0 .7rem !important;
  font-size: .78rem !important;
  font-weight: 750 !important;
  color: #5a6b7d !important;
  height: 100% !important;
}
.page-header .re-dash-filter .re-period-seg .re-seg.is-on {
  background: #0e4d6b !important;
  color: #fff !important;
}
.page-header .re-dash-filter .re-filter-period {
  align-self: center !important;
  white-space: nowrap !important;
  font-weight: 650 !important;
  color: #5a6b7d !important;
  margin-inline-start: .15rem !important;
}
.page-header .re-dash-filter .re-erp-view-toggle {
  margin-inline-start: auto !important;
  flex: 0 0 auto !important;
  align-self: center !important;
}

/* Suite toolbars — single row */
.re-page.re-suite .re-erp-filters.re-filter-row,
.re-page.re-suite .re-suite-toolbar.re-filter-row,
.re-page.re-suite .re-erp-filters.re-suite-toolbar {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: flex-end !important;
  gap: .55rem .75rem !important;
  overflow-x: auto !important;
  padding: .7rem .95rem !important;
}
.re-page.re-suite .re-erp-filter-field {
  display: flex !important;
  flex-direction: column !important;
  gap: .2rem !important;
  margin: 0 !important;
  flex: 0 0 auto !important;
}
.re-page.re-suite .re-erp-filter-field > span {
  font-size: .68rem !important;
  font-weight: 750 !important;
  color: #5a6b7d !important;
  white-space: nowrap !important;
}
.re-page.re-suite .re-erp-filter-field .field-input {
  min-height: 2.2rem !important;
  height: 2.2rem !important;
  min-width: 8rem !important;
}
.re-page.re-suite .re-erp-filter-search { flex: 1 1 12rem !important; min-width: 10rem !important; }
.re-page.re-suite .re-erp-filter-search .field-input { width: 100% !important; min-width: 0 !important; }
.re-page.re-suite .re-switch {
  display: inline-flex !important;
  align-items: center !important;
  gap: .4rem !important;
  align-self: center !important;
  white-space: nowrap !important;
  font-size: .8rem !important;
  font-weight: 650 !important;
  color: #0c1b2a !important;
  padding-bottom: 0 !important;
}
.re-page.re-suite .re-filter-actions {
  margin-inline-start: auto !important;
  flex-wrap: nowrap !important;
  align-self: center !important;
}

/* Assets unit toolbar one row */
.re-page.re-suite .re-unit-toolbar.re-filter-row,
.re-page.re-suite .re-erp-head.re-unit-toolbar {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: .65rem .75rem !important;
  padding: .75rem .95rem !important;
  margin: .65rem 0 !important;
  background: #fff !important;
  border: 1px solid #d5dee8 !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 24px rgba(12,27,42,.06) !important;
  overflow-x: auto !important;
}
.re-page.re-suite .re-unit-toolbar .re-erp-title {
  flex: 0 1 auto !important;
  white-space: nowrap !important;
  font-size: .92rem !important;
  font-weight: 800 !important;
  color: #0c1b2a !important;
}
.re-page.re-suite .re-unit-toolbar .re-erp-search {
  flex: 1 1 10rem !important;
  min-width: 9rem !important;
  max-width: 16rem !important;
  height: 2.2rem !important;
  margin: 0 !important;
}
.re-page.re-suite .re-unit-toolbar .re-seg-filter {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  border: 1px solid #cfd8e3 !important;
  background: #f4f7fa !important;
}
.re-page.re-suite .re-unit-toolbar .re-seg-filter button {
  border: 0 !important;
  background: transparent !important;
  padding: .45rem .75rem !important;
  font-size: .78rem !important;
  font-weight: 750 !important;
  color: #5a6b7d !important;
}
.re-page.re-suite .re-unit-toolbar .re-seg-filter button.is-on {
  background: #0e4d6b !important;
  color: #fff !important;
}
.re-page.re-suite .re-unit-toolbar .re-erp-metrics {
  display: inline-flex !important;
  align-items: center !important;
  gap: .45rem !important;
  flex: 0 0 auto !important;
  margin-inline-start: auto !important;
}
.re-page.re-suite .re-unit-toolbar .re-erp-metrics em {
  display: inline-flex !important;
  flex-direction: column !important;
  gap: .05rem !important;
  padding: .35rem .55rem !important;
  border-radius: 10px !important;
  background: #f4f7fa !important;
  border: 1px solid #e4ebf1 !important;
  font-style: normal !important;
  font-size: .65rem !important;
  font-weight: 700 !important;
  color: #5a6b7d !important;
  min-width: 3.5rem !important;
}
.re-page.re-suite .re-unit-toolbar .re-erp-metrics em b {
  font-size: .9rem !important;
  font-weight: 850 !important;
  color: #0c1b2a !important;
  line-height: 1.1 !important;
}
.re-page.re-suite .re-unit-toolbar .re-erp-metrics em.occ b { color: #0e4d6b !important; }
.re-page.re-suite .re-unit-toolbar .re-erp-metrics em.vac b { color: #067647 !important; }
.re-page.re-suite .re-erp-add {
  flex: 0 0 auto !important;
  height: 2.2rem !important;
  padding: 0 1rem !important;
  border-radius: 10px !important;
  border: 0 !important;
  background: linear-gradient(135deg, #0e4d6b, #163a4f) !important;
  color: #fff !important;
  font-weight: 750 !important;
  font-size: .82rem !important;
  white-space: nowrap !important;
}

/* Property tabs luxury */
.re-page.re-suite .re-erp-tabs.re-bld-fill {
  display: flex !important;
  gap: .65rem !important;
  padding: .25rem 0 .75rem !important;
  overflow-x: auto !important;
}
.re-page.re-suite .re-erp-tab {
  min-width: 11rem !important;
  padding: .85rem 1rem !important;
  border-radius: 14px !important;
  border: 1px solid #d5dee8 !important;
  background: #fff !important;
  box-shadow: 0 6px 18px rgba(12,27,42,.05) !important;
  text-align: start !important;
}
.re-page.re-suite .re-erp-tab.is-on {
  border-color: #9a7b4f !important;
  box-shadow: 0 0 0 2px rgba(154,123,79,.25), 0 10px 24px rgba(12,27,42,.08) !important;
  background: linear-gradient(165deg, #fff, #faf6f0) !important;
}
.re-page.re-suite .re-erp-tab-name {
  display: block !important;
  font-weight: 800 !important;
  color: #0c1b2a !important;
  font-size: .92rem !important;
}
.re-page.re-suite .re-erp-tab small {
  color: #5a6b7d !important;
  font-weight: 650 !important;
}

/* Theme-aware chart colors */
html[data-theme="dark"] .page-header .re-dash-filter,
html[data-theme="obsidian"] .page-header .re-dash-filter,
body.theme-obsidian .page-header .re-dash-filter,
html[data-theme="dark"] .re-page.re-suite .re-unit-toolbar,
html[data-theme="obsidian"] .re-page.re-suite .re-unit-toolbar,
html[data-theme="dark"] .re-page.re-suite .re-erp-filters.re-filter-row,
html[data-theme="obsidian"] .re-page.re-suite .re-erp-filters.re-filter-row {
  background: #1a2330 !important;
  border-color: #2a3a4a !important;
}
html[data-theme="dark"] .page-header .re-dash-filter .cf-field > span,
html[data-theme="dark"] .re-page.re-suite .re-erp-filter-field > span,
html[data-theme="obsidian"] .page-header .re-dash-filter .cf-field > span,
html[data-theme="obsidian"] .re-page.re-suite .re-erp-filter-field > span {
  color: #9bb0bf !important;
}
html[data-theme="dark"] .page-header .re-dash-filter .field-input,
html[data-theme="dark"] .re-page.re-suite .re-erp-filter-field .field-input,
html[data-theme="dark"] .re-page.re-suite .re-unit-toolbar .re-erp-search,
html[data-theme="obsidian"] .page-header .re-dash-filter .field-input,
html[data-theme="obsidian"] .re-page.re-suite .field-input {
  background: #121820 !important;
  border-color: #2a3a4a !important;
  color: #e8f0f4 !important;
}
html[data-theme="dark"] .re-page.re-suite .re-unit-toolbar .re-erp-title,
html[data-theme="dark"] .re-page.re-suite .re-unit-toolbar .re-erp-metrics em b,
html[data-theme="dark"] .re-page.re-suite .re-erp-tab-name,
html[data-theme="obsidian"] .re-page.re-suite .re-unit-toolbar .re-erp-title,
html[data-theme="obsidian"] .re-page.re-suite .re-erp-tab-name {
  color: #e8f0f4 !important;
}
html[data-theme="dark"] .re-page.re-suite .re-unit-toolbar .re-erp-metrics em,
html[data-theme="dark"] .re-page.re-suite .re-erp-tab,
html[data-theme="obsidian"] .re-page.re-suite .re-unit-toolbar .re-erp-metrics em,
html[data-theme="obsidian"] .re-page.re-suite .re-erp-tab {
  background: #121820 !important;
  border-color: #2a3a4a !important;
  color: #9bb0bf !important;
}
html[data-theme="dark"] .re-page.re-suite .re-switch,
html[data-theme="obsidian"] .re-page.re-suite .re-switch { color: #c5d4de !important; }

/* Chart colors stay readable on dark cards */
html[data-theme="dark"] .re-page.re-suite .re-viz-compare,
html[data-theme="dark"] .re-page.re-suite .re-viz-donut-card,
html[data-theme="obsidian"] .re-page.re-suite .re-viz-compare,
html[data-theme="obsidian"] .re-page.re-suite .re-viz-donut-card {
  background: #1a2330 !important;
}
html[data-theme="dark"] .re-page.re-suite .re-viz-compare h3,
html[data-theme="dark"] .re-page.re-suite .re-viz-donut-card li b,
html[data-theme="obsidian"] .re-page.re-suite .re-viz-compare h3 {
  color: #e8f0f4 !important;
}
html[data-theme="dark"] .re-page.re-suite .re-chrono-rail,
html[data-theme="obsidian"] .re-page.re-suite .re-chrono-rail {
  background: linear-gradient(180deg, #070d14, #142230) !important;
  border: 1px solid #2a3a4a !important;
}

@media (max-width: 900px) {
  .page-header .re-dash-filter .compact-filter-fields,
  .re-page.re-suite .re-unit-toolbar.re-filter-row { flex-wrap: wrap !important; }
}
/* === /RE Filter Row v77 === */

/* === RE Assets Lux + Theme Charts v78 === */
.re-page.re-suite .re-suite-stage {
  padding: .35rem .15rem 1.1rem !important;
}
.re-page.re-suite .re-erp-filters.re-bld-filters {
  background: linear-gradient(165deg, #fff 0%, #f7fafc 100%) !important;
  border: 1px solid #d5dee8 !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 28px rgba(12,27,42,.07) !important;
  margin-bottom: .85rem !important;
}
.re-page.re-suite .re-erp-tab {
  position: relative !important;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}
.re-page.re-suite .re-erp-tab:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 26px rgba(12,27,42,.1) !important;
}
.re-page.re-suite .re-erp-tab.is-on::after {
  content: "" !important;
  position: absolute !important;
  inset-inline-start: .85rem !important;
  inset-block-end: .55rem !important;
  width: 1.6rem !important;
  height: 3px !important;
  border-radius: 99px !important;
  background: linear-gradient(90deg, #9a7b4f, #c4a574) !important;
}
.re-page.re-suite .re-erp-tab-ico {
  border-radius: 10px !important;
  border: 1px solid #d5dee8 !important;
  background: #fff !important;
  color: #0e4d6b !important;
  width: 2rem !important;
  height: 2rem !important;
  font-size: .95rem !important;
}
.re-page.re-suite .re-unit-card {
  border-radius: 16px !important;
  box-shadow: 0 10px 28px rgba(12,27,42,.07) !important;
  transition: transform .18s ease, box-shadow .18s ease !important;
  background: linear-gradient(180deg, #fff 0%, #fbfcfd 100%) !important;
}
.re-page.re-suite .re-unit-card:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 16px 34px rgba(12,27,42,.12) !important;
}
.re-page.re-suite .re-unit-card.is-rented {
  border-inline-start: 4px solid #c23b2e !important;
  box-shadow: 0 10px 28px rgba(194,59,46,.08), 0 8px 20px rgba(12,27,42,.06) !important;
}
.re-page.re-suite .re-unit-card.is-vacant {
  border-inline-start: 4px solid #0f8a5f !important;
  box-shadow: 0 10px 28px rgba(15,138,95,.08), 0 8px 20px rgba(12,27,42,.06) !important;
}
.re-page.re-suite .re-unit-card-top {
  background: linear-gradient(180deg, #f8fafc, #f1f5f9) !important;
}
.re-page.re-suite .re-unit-code {
  font-size: 1.55rem !important;
  letter-spacing: .06em !important;
  background: linear-gradient(135deg, #0c1b2a, #1a3a52) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}
.re-page.re-suite .re-unit-rent {
  font-size: 1rem !important;
  font-weight: 800 !important;
  color: #0e4d6b !important;
}
.re-page.re-suite .re-unit-foot .btn-secondary,
.re-page.re-suite .re-unit-foot .btn-sm {
  border-radius: 9px !important;
  border: 1px solid #0e4d6b !important;
  color: #0e4d6b !important;
  background: #fff !important;
  font-weight: 700 !important;
}
.re-page.re-suite .re-occ-gauge {
  display: inline-flex !important;
  align-items: center !important;
  gap: .4rem !important;
  padding: .3rem .55rem !important;
  border-radius: 12px !important;
  background: #f4f7fa !important;
  border: 1px solid #e4ebf1 !important;
}
.re-page.re-suite .re-occ-gauge b {
  font-size: .88rem !important;
  font-weight: 850 !important;
  color: #0c1b2a !important;
}
/* Mini gauge ONLY inside unit toolbar — NEVER override dashboard SVG rings */
.re-page.re-suite .re-occ-gauge .re-occ-ring {
  width: 1.65rem !important;
  height: 1.65rem !important;
  border-radius: 50% !important;
  background:
    radial-gradient(#fff 55%, transparent 56%),
    conic-gradient(#0f8a5f calc(var(--re-occ, 0) * 1%), #e6edf3 0) !important;
  display: inline-block !important;
  position: relative !important;
}
.re-page.re-suite .re-occ-gauge .re-occ-ring svg,
.re-page.re-suite .re-occ-gauge .re-occ-ring b { display: none !important; }
/* Restore SVG occupancy rings for desk KPI + donut card */
.re-page.re-suite .re-desk-kpi .re-occ-ring,
.re-page.re-suite .re-viz-donut-card .re-occ-ring,
.re-page.re-suite .re-occ-ring--lg {
  width: 4.25rem !important;
  height: 4.25rem !important;
  border-radius: 0 !important;
  background: none !important;
  display: grid !important;
  place-items: center !important;
  position: relative !important;
}
.re-page.re-suite .re-occ-ring--lg {
  width: 6.5rem !important;
  height: 6.5rem !important;
}
.re-page.re-suite .re-desk-kpi .re-occ-ring svg,
.re-page.re-suite .re-viz-donut-card .re-occ-ring svg,
.re-page.re-suite .re-occ-ring--lg svg {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  transform: rotate(-90deg) !important;
}
.re-page.re-suite .re-desk-kpi .re-occ-ring b,
.re-page.re-suite .re-viz-donut-card .re-occ-ring b,
.re-page.re-suite .re-occ-ring--lg b {
  display: grid !important;
  place-items: center !important;
  position: absolute !important;
  inset: 0 !important;
  font-size: .95rem !important;
  font-weight: 800 !important;
  color: #0c1b2a !important;
  background: none !important;
}
.re-page.re-suite .re-occ-ring--lg b { font-size: 1.25rem !important; }

/* Metrics NEVER light-on-light */
.re-page.re-suite .re-unit-toolbar .re-erp-metrics em,
.re-page.re-suite .re-erp-metrics em {
  background: #f4f7fa !important;
  border: 1px solid #e4ebf1 !important;
  color: #5a6b7d !important;
}
.re-page.re-suite .re-unit-toolbar .re-erp-metrics em b,
.re-page.re-suite .re-erp-metrics em b {
  color: #0c1b2a !important;
}

/* Primary buttons: white text always */
.re-page.re-suite .re-erp-add,
.re-page.re-suite .btn-primary,
.re-erp-view-toggle .re-view-btn.is-on,
.re-page.re-suite .re-view-btn.is-on,
.re-page.re-suite .re-seg-filter button.is-on,
.page-header .re-dash-filter .re-period-seg .re-seg.is-on {
  color: #fff !important;
}

/* Theme-aware charts & stats */
html[data-theme="dark"] .re-page.re-suite .re-erp-filters.re-bld-filters,
html[data-theme="obsidian"] .re-page.re-suite .re-erp-filters.re-bld-filters {
  background: linear-gradient(165deg, #1a2330, #121820) !important;
  border-color: #2a3a4a !important;
}
html[data-theme="dark"] .re-page.re-suite .re-unit-card,
html[data-theme="obsidian"] .re-page.re-suite .re-unit-card {
  background: linear-gradient(180deg, #1a2330, #141c28) !important;
  border-color: #2a3a4a !important;
  color: #e8f0f4 !important;
}
html[data-theme="dark"] .re-page.re-suite .re-unit-card-top,
html[data-theme="obsidian"] .re-page.re-suite .re-unit-card-top {
  background: linear-gradient(180deg, #1e2936, #17202c) !important;
  border-bottom-color: #2a3a4a !important;
  color: #9bb0bf !important;
}
html[data-theme="dark"] .re-page.re-suite .re-unit-code,
html[data-theme="obsidian"] .re-page.re-suite .re-unit-code {
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  color: #f0f6fa !important;
}
html[data-theme="dark"] .re-page.re-suite .re-unit-meta,
html[data-theme="obsidian"] .re-page.re-suite .re-unit-meta { color: #9bb0bf !important; }
html[data-theme="dark"] .re-page.re-suite .re-unit-foot,
html[data-theme="obsidian"] .re-page.re-suite .re-unit-foot {
  background: #121820 !important;
  border-top-color: #2a3a4a !important;
}
html[data-theme="dark"] .re-page.re-suite .re-unit-rent,
html[data-theme="obsidian"] .re-page.re-suite .re-unit-rent { color: #7dd3a8 !important; }
html[data-theme="dark"] .re-page.re-suite .re-unit-toolbar .re-erp-metrics em,
html[data-theme="dark"] .re-page.re-suite .re-occ-gauge,
html[data-theme="obsidian"] .re-page.re-suite .re-unit-toolbar .re-erp-metrics em,
html[data-theme="obsidian"] .re-page.re-suite .re-occ-gauge {
  background: #121820 !important;
  border-color: #2a3a4a !important;
  color: #9bb0bf !important;
}
html[data-theme="dark"] .re-page.re-suite .re-unit-toolbar .re-erp-metrics em b,
html[data-theme="dark"] .re-page.re-suite .re-occ-gauge b,
html[data-theme="obsidian"] .re-page.re-suite .re-unit-toolbar .re-erp-metrics em b,
html[data-theme="obsidian"] .re-page.re-suite .re-occ-gauge b {
  color: #e8f0f4 !important;
}
html[data-theme="dark"] .re-page.re-suite .re-occ-gauge .re-occ-ring,
html[data-theme="obsidian"] .re-page.re-suite .re-occ-gauge .re-occ-ring {
  background:
    radial-gradient(#121820 55%, transparent 56%),
    conic-gradient(#34d399 calc(var(--re-occ, 0) * 1%), #2a3a4a 0) !important;
}
html[data-theme="dark"] .re-page.re-suite .re-desk-kpi .re-occ-ring,
html[data-theme="dark"] .re-page.re-suite .re-viz-donut-card .re-occ-ring,
html[data-theme="obsidian"] .re-page.re-suite .re-desk-kpi .re-occ-ring,
html[data-theme="obsidian"] .re-page.re-suite .re-viz-donut-card .re-occ-ring {
  background: none !important;
}
html[data-theme="dark"] .re-page.re-suite .re-desk-kpi .re-occ-ring b,
html[data-theme="dark"] .re-page.re-suite .re-viz-donut-card .re-occ-ring b,
html[data-theme="obsidian"] .re-page.re-suite .re-desk-kpi .re-occ-ring b,
html[data-theme="obsidian"] .re-page.re-suite .re-viz-donut-card .re-occ-ring b {
  color: #e8f0f4 !important;
}
html[data-theme="dark"] .re-page.re-suite .re-badge.rented,
html[data-theme="obsidian"] .re-page.re-suite .re-badge.rented {
  background: rgba(248,113,113,.15) !important;
  color: #fca5a5 !important;
}
html[data-theme="dark"] .re-page.re-suite .re-badge.vacant,
html[data-theme="obsidian"] .re-page.re-suite .re-badge.vacant {
  background: rgba(52,211,153,.15) !important;
  color: #6ee7b7 !important;
}

/* Chart / finance bars theme-safe */
html[data-theme="dark"] .re-page.re-suite .re-finance-dense .bar,
html[data-theme="obsidian"] .re-page.re-suite .re-finance-dense .bar,
html[data-theme="dark"] .re-page.re-suite .re-viz-bar,
html[data-theme="obsidian"] .re-page.re-suite .re-viz-bar {
  background: #243040 !important;
}
html[data-theme="dark"] .re-page.re-suite .re-finance-dense .bar > i.in,
html[data-theme="obsidian"] .re-page.re-suite .re-finance-dense .bar > i.in { background: #34d399 !important; }
html[data-theme="dark"] .re-page.re-suite .re-finance-dense .bar > i.out,
html[data-theme="obsidian"] .re-page.re-suite .re-finance-dense .bar > i.out { background: #f87171 !important; }
html[data-theme="dark"] .re-page.re-suite .re-finance-dense .bar > i.net,
html[data-theme="obsidian"] .re-page.re-suite .re-finance-dense .bar > i.net { background: #38bdf8 !important; }
html[data-theme="dark"] .re-page.re-suite .re-desk-kpi,
html[data-theme="obsidian"] .re-page.re-suite .re-desk-kpi {
  background: #1a2330 !important;
  border-color: #2a3a4a !important;
  color: #e8f0f4 !important;
}
html[data-theme="dark"] .re-page.re-suite .re-desk-kpi b,
html[data-theme="obsidian"] .re-page.re-suite .re-desk-kpi b { color: #f0f6fa !important; }
html[data-theme="dark"] .re-page.re-suite .re-desk-kpi span,
html[data-theme="obsidian"] .re-page.re-suite .re-desk-kpi span { color: #9bb0bf !important; }

/* Kanban leases polish */
.re-page.re-suite .re-kanban-head {
  border-radius: 12px 12px 0 0 !important;
}
.re-page.re-suite .re-kanban-col {
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 10px 28px rgba(12,27,42,.07) !important;
}
html[data-theme="dark"] .re-page.re-suite .re-kanban-empty,
html[data-theme="obsidian"] .re-page.re-suite .re-kanban-empty {
  background: #121820 !important;
  color: #9bb0bf !important;
}
/* === /RE Assets Lux v78 === */

/* === RE Chart Fix + Filter One Row v79 === */
/* Kill any leftover global mini-ring that destroys desk charts */
.re-page.re-suite .re-desk .re-occ-ring,
.re-page.re-suite .re-desk-viz .re-occ-ring {
  width: 4.25rem !important;
  height: 4.25rem !important;
  min-width: 4.25rem !important;
  background: transparent !important;
  border-radius: 0 !important;
  display: grid !important;
  place-items: center !important;
  position: relative !important;
  flex-shrink: 0 !important;
}
.re-page.re-suite .re-desk-viz .re-occ-ring--lg {
  width: 6.5rem !important;
  height: 6.5rem !important;
  min-width: 6.5rem !important;
}
.re-page.re-suite .re-desk .re-occ-ring svg,
.re-page.re-suite .re-desk-viz .re-occ-ring svg {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  transform: rotate(-90deg) !important;
}
.re-page.re-suite .re-desk .re-occ-ring circle,
.re-page.re-suite .re-desk-viz .re-occ-ring circle {
  fill: none !important;
  stroke-width: 7 !important;
}
.re-page.re-suite .re-desk .re-occ-ring .track,
.re-page.re-suite .re-desk-viz .re-occ-ring .track { stroke: #e6edf3 !important; }
.re-page.re-suite .re-desk .re-occ-ring .prog,
.re-page.re-suite .re-desk-viz .re-occ-ring .prog {
  stroke: #0e4d6b !important;
  stroke-linecap: round !important;
  stroke-dasharray: 175.93 !important;
  stroke-dashoffset: calc(175.93 - (175.93 * var(--occ, 0) / 100)) !important;
}
.re-page.re-suite .re-desk .re-occ-ring b,
.re-page.re-suite .re-desk-viz .re-occ-ring b {
  position: absolute !important;
  inset: 0 !important;
  display: grid !important;
  place-items: center !important;
  margin: 0 !important;
  font-size: .95rem !important;
  font-weight: 850 !important;
  color: #0c1b2a !important;
  line-height: 1 !important;
  z-index: 1 !important;
}
.re-page.re-suite .re-desk-viz .re-occ-ring--lg b { font-size: 1.3rem !important; }
.re-page.re-suite .re-viz-donut-card {
  display: flex !important;
  align-items: center !important;
  gap: 1.25rem !important;
  min-height: 9rem !important;
}
.re-page.re-suite .re-viz-donut-card ul {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

/* Force dashboard filters into ONE horizontal row */
.page-header .compact-filter-bar.re-dash-filter,
.page-header .fin-filter.re-dash-filter.re-filter-row {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: flex-end !important;
  gap: .5rem .65rem !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
}
.page-header .re-dash-filter .compact-filter-fields {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: flex-end !important;
  gap: .5rem .65rem !important;
  width: auto !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}
.page-header .re-dash-filter .cf-field--asset {
  flex: 0 0 auto !important;
  width: 11.5rem !important;
  max-width: 11.5rem !important;
}
.page-header .re-dash-filter .cf-field--asset .searchable-select-wrap,
.page-header .re-dash-filter .cf-field--asset .searchable-select-trigger,
.page-header .re-dash-filter .cf-field--asset .field-input {
  width: 11.5rem !important;
  max-width: 11.5rem !important;
  min-width: 0 !important;
}
.page-header .re-dash-filter .cf-field,
.page-header .re-dash-filter .cf-field--sm,
.page-header .re-dash-filter .re-period-seg,
.page-header .re-dash-filter .re-filter-period,
.page-header .re-dash-filter .re-erp-view-toggle {
  flex: 0 0 auto !important;
}
.page-header .re-dash-filter .re-erp-view-toggle {
  margin-inline-start: auto !important;
}
html[data-theme="dark"] .re-page.re-suite .re-desk .re-occ-ring b,
html[data-theme="dark"] .re-page.re-suite .re-desk-viz .re-occ-ring b,
html[data-theme="obsidian"] .re-page.re-suite .re-desk .re-occ-ring b,
html[data-theme="obsidian"] .re-page.re-suite .re-desk-viz .re-occ-ring b {
  color: #e8f0f4 !important;
}
html[data-theme="dark"] .re-page.re-suite .re-desk .re-occ-ring .track,
html[data-theme="dark"] .re-page.re-suite .re-desk-viz .re-occ-ring .track,
html[data-theme="obsidian"] .re-page.re-suite .re-desk .re-occ-ring .track,
html[data-theme="obsidian"] .re-page.re-suite .re-desk-viz .re-occ-ring .track {
  stroke: #2a3a4a !important;
}
html[data-theme="dark"] .re-page.re-suite .re-desk .re-occ-ring .prog,
html[data-theme="dark"] .re-page.re-suite .re-desk-viz .re-occ-ring .prog,
html[data-theme="obsidian"] .re-page.re-suite .re-desk .re-occ-ring .prog,
html[data-theme="obsidian"] .re-page.re-suite .re-desk-viz .re-occ-ring .prog {
  stroke: #38bdf8 !important;
}
/* === /RE Chart Fix v79 === */

/* === RE Assets Atelier v80 === */
.re-page.re-suite .re-assets-bar {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: .65rem .85rem !important;
  padding: .7rem 1rem !important;
  margin-bottom: .85rem !important;
  background: linear-gradient(165deg, #fff, #f5f8fb) !important;
  border: 1px solid #d7e0ea !important;
  border-radius: 16px !important;
  box-shadow: 0 12px 32px rgba(12,27,42,.07) !important;
  overflow-x: auto !important;
}
.re-page.re-suite .re-assets-bar .re-erp-filter-search {
  flex: 1 1 16rem !important;
  min-width: 12rem !important;
  margin: 0 !important;
}
.re-page.re-suite .re-assets-bar .re-erp-filter-search > span { display: none !important; }
.re-page.re-suite .re-assets-bar .re-erp-filter-search .field-input {
  width: 100% !important;
  height: 2.45rem !important;
  border-radius: 12px !important;
  border: 1px solid #cfd9e4 !important;
  padding-inline: .95rem !important;
  background: #fff !important;
}
.re-page.re-suite .re-pill-toggles {
  display: inline-flex !important;
  gap: .4rem !important;
  flex: 0 0 auto !important;
}
.re-page.re-suite .re-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: .4rem !important;
  margin: 0 !important;
  padding: .45rem .85rem !important;
  border-radius: 999px !important;
  border: 1px solid #d5dee8 !important;
  background: #fff !important;
  font-size: .78rem !important;
  font-weight: 700 !important;
  color: #5a6b7d !important;
  cursor: pointer !important;
  white-space: nowrap !important;
}
.re-page.re-suite .re-pill input { accent-color: #0e4d6b !important; margin: 0 !important; }
.re-page.re-suite .re-pill.is-on {
  background: #0e4d6b !important;
  border-color: #0e4d6b !important;
  color: #fff !important;
}
.re-page.re-suite .re-count-chip {
  display: inline-grid !important;
  place-items: center !important;
  min-width: 1.8rem !important;
  height: 1.8rem !important;
  padding: 0 .45rem !important;
  border-radius: 999px !important;
  background: #0e4d6b !important;
  color: #fff !important;
  font-size: .78rem !important;
  font-weight: 800 !important;
}

/* Property rail — compact luxury chips */
.re-page.re-suite .re-erp-tabs.re-bld-fill {
  display: flex !important;
  gap: .75rem !important;
  padding: 0 0 .9rem !important;
  margin: 0 !important;
  overflow-x: auto !important;
}
.re-page.re-suite .re-erp-tabs.re-bld-fill .re-erp-tab {
  min-width: 13rem !important;
  max-width: 18rem !important;
  padding: .9rem 1.05rem !important;
  border-radius: 16px !important;
  border: 1px solid #d7e0ea !important;
  background: #fff !important;
  box-shadow: 0 8px 22px rgba(12,27,42,.05) !important;
  text-align: start !important;
}
.re-page.re-suite .re-erp-tabs.re-bld-fill .re-erp-tab.is-on {
  border-color: #c4a574 !important;
  background: linear-gradient(160deg, #fffefb, #faf4ea) !important;
  box-shadow: 0 0 0 2px rgba(196,165,116,.28), 0 14px 28px rgba(12,27,42,.08) !important;
  color: #0c1b2a !important;
}
.re-page.re-suite .re-erp-tabs.re-bld-fill .re-erp-tab.is-on .re-erp-tab-name,
.re-page.re-suite .re-erp-tabs.re-bld-fill .re-erp-tab.is-on small {
  color: #0c1b2a !important;
}
.re-page.re-suite .re-erp-tabs.re-bld-fill .re-erp-tab.is-on small { color: #7a6a52 !important; }

/* Unit command bar */
.re-page.re-suite .re-unit-cmd {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .85rem 1rem !important;
  padding: .85rem 1rem !important;
  margin: .35rem 0 .95rem !important;
  background: #fff !important;
  border: 1px solid #d7e0ea !important;
  border-radius: 16px !important;
  box-shadow: 0 12px 32px rgba(12,27,42,.06) !important;
  overflow-x: auto !important;
}
.re-page.re-suite .re-unit-cmd-start {
  display: flex !important;
  align-items: center !important;
  gap: .65rem .75rem !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}
.re-page.re-suite .re-unit-cmd .re-erp-title {
  white-space: nowrap !important;
  font-size: .92rem !important;
  font-weight: 800 !important;
  color: #0c1b2a !important;
}
.re-page.re-suite .re-unit-cmd .re-erp-search {
  width: 12.5rem !important;
  max-width: 14rem !important;
  height: 2.35rem !important;
  border-radius: 11px !important;
}
.re-page.re-suite .re-unit-stats {
  display: inline-flex !important;
  align-items: center !important;
  gap: .5rem !important;
  flex: 0 0 auto !important;
}
.re-page.re-suite .re-stat-donut {
  --occ: 0;
  position: relative !important;
  width: 3.25rem !important;
  height: 3.25rem !important;
  flex-shrink: 0 !important;
}
.re-page.re-suite .re-stat-donut svg {
  width: 100% !important;
  height: 100% !important;
  transform: rotate(-90deg) !important;
}
.re-page.re-suite .re-stat-donut circle {
  fill: none !important;
  stroke-width: 7 !important;
}
.re-page.re-suite .re-stat-donut .track { stroke: #e6edf3 !important; }
.re-page.re-suite .re-stat-donut .prog {
  stroke: #0f8a5f !important;
  stroke-linecap: round !important;
  stroke-dasharray: 175.93 !important;
  stroke-dashoffset: calc(175.93 - (175.93 * var(--occ) / 100)) !important;
}
.re-page.re-suite .re-stat-donut b {
  position: absolute !important;
  inset: 0 !important;
  display: grid !important;
  place-items: center !important;
  font-size: .72rem !important;
  font-weight: 850 !important;
  color: #0c1b2a !important;
}
.re-page.re-suite .re-stat-chip {
  display: flex !important;
  flex-direction: column !important;
  gap: .05rem !important;
  min-width: 3.6rem !important;
  padding: .4rem .65rem !important;
  border-radius: 12px !important;
  background: #f4f7fa !important;
  border: 1px solid #e4ebf1 !important;
}
.re-page.re-suite .re-stat-chip span {
  font-size: .62rem !important;
  font-weight: 700 !important;
  color: #5a6b7d !important;
  white-space: nowrap !important;
}
.re-page.re-suite .re-stat-chip strong {
  font-size: .95rem !important;
  font-weight: 850 !important;
  color: #0c1b2a !important;
  line-height: 1.1 !important;
}
.re-page.re-suite .re-stat-chip.occ strong { color: #0e4d6b !important; }
.re-page.re-suite .re-stat-chip.vac strong { color: #067647 !important; }
.re-page.re-suite .re-unit-cmd .re-erp-add {
  height: 2.45rem !important;
  padding: 0 1.1rem !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, #0e4d6b, #163a4f) !important;
  color: #fff !important;
  font-weight: 750 !important;
  border: 0 !important;
}

/* Luxury unit cards — ALWAYS light, never random dark */
.re-page.re-suite .re-unit-grid--lux {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)) !important;
  gap: 1rem !important;
}
.re-page.re-suite .re-ucard {
  display: flex !important;
  flex-direction: column !important;
  background: #fff !important;
  border: 1px solid #d7e0ea !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 14px 34px rgba(12,27,42,.07) !important;
  transition: transform .18s ease, box-shadow .18s ease !important;
  color: #0c1b2a !important;
}
.re-page.re-suite .re-ucard:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 18px 40px rgba(12,27,42,.12) !important;
}
.re-page.re-suite .re-ucard.is-rented { border-block-start: 3px solid #c23b2e !important; }
.re-page.re-suite .re-ucard.is-vacant { border-block-start: 3px solid #0f8a5f !important; }
.re-page.re-suite .re-ucard-media {
  height: 88px !important;
  background-image: linear-gradient(180deg, rgba(12,27,42,.2), rgba(12,27,42,.45)), var(--re-unit-photo) !important;
  background-size: cover !important;
  background-position: center !important;
}
.re-page.re-suite .re-ucard-media--plain {
  display: grid !important;
  place-items: center !important;
  background: linear-gradient(145deg, #f0f5f9, #e4edf4) !important;
  background-image: none !important;
}
.re-page.re-suite .re-ucard-media--plain span {
  font-size: 1.35rem !important;
  font-weight: 850 !important;
  letter-spacing: .08em !important;
  color: #7a8b9c !important;
}
.re-page.re-suite .re-ucard-body { padding: .85rem 1rem .55rem !important; }
.re-page.re-suite .re-ucard-row {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: .5rem !important;
  margin-bottom: .35rem !important;
}
.re-page.re-suite .re-ucard-type {
  font-size: .72rem !important;
  font-weight: 700 !important;
  color: #5a6b7d !important;
}
.re-page.re-suite .re-ucard-code {
  margin: 0 !important;
  font-size: 1.45rem !important;
  font-weight: 850 !important;
  color: #0c1b2a !important;
  letter-spacing: .04em !important;
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
}
.re-page.re-suite .re-ucard-name {
  margin: .15rem 0 .55rem !important;
  font-size: .86rem !important;
  color: #5a6b7d !important;
  font-weight: 600 !important;
}
.re-page.re-suite .re-ucard-tags {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .35rem !important;
}
.re-page.re-suite .re-utag {
  display: inline-flex !important;
  padding: .2rem .5rem !important;
  border-radius: 999px !important;
  background: #eef3f7 !important;
  color: #3d5163 !important;
  font-size: .68rem !important;
  font-weight: 700 !important;
}
.re-page.re-suite .re-utag--hold {
  background: #f5efe6 !important;
  color: #7a5a2e !important;
}
.re-page.re-suite .re-utag--ad {
  background: #e8f1f8 !important;
  color: #16384f !important;
}
.re-page.re-suite .re-utag--feat {
  background: linear-gradient(135deg, #fff8ec, #e8c98f) !important;
  color: #5c3d18 !important;
  border: 1px solid rgba(184, 134, 11, .45) !important;
}
.re-page.re-suite .re-utag--draft {
  background: #f2f4f7 !important;
  color: #667085 !important;
}
.re-page.re-suite .re-ucard-flags {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: .35rem !important;
  max-width: 68% !important;
}
.re-page.re-suite .re-adflag {
  display: inline-flex !important;
  align-items: center !important;
  padding: .28rem .62rem !important;
  border-radius: 999px !important;
  font-size: .72rem !important;
  font-weight: 850 !important;
  letter-spacing: .01em !important;
  line-height: 1.2 !important;
  border: 1px solid transparent !important;
  box-shadow: 0 2px 8px rgba(15, 35, 55, .12) !important;
  white-space: nowrap !important;
}
.re-page.re-suite .re-adflag.is-draft {
  background: #fff4e5 !important;
  color: #9a3412 !important;
  border-color: #fdba74 !important;
}
.re-page.re-suite .re-adflag.is-live {
  background: #e0f2fe !important;
  color: #075985 !important;
  border-color: #7dd3fc !important;
}
.re-page.re-suite .re-adflag.is-feat {
  background: linear-gradient(135deg, #fff8ec, #e8c98f) !important;
  color: #5c3d18 !important;
  border-color: rgba(184, 134, 11, .5) !important;
}
.re-page.re-suite .re-adflag.is-gallery {
  background: #ecfdf5 !important;
  color: #065f46 !important;
  border-color: #6ee7b7 !important;
}
.re-page.re-suite .re-ads-legend {
  display: none !important;
}
.re-page.re-suite .re-ads-legend-bar {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: .45rem .55rem !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 .85rem !important;
  padding: .55rem .75rem !important;
  border-radius: 12px !important;
  background: #f5f8fb !important;
  border: 1px solid #d7e0ea !important;
  box-sizing: border-box !important;
  white-space: normal !important;
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
}
.re-page.re-suite .re-ads-legend-label {
  font-size: .78rem !important;
  font-weight: 800 !important;
  color: #334155 !important;
  margin-inline-end: .25rem !important;
  white-space: nowrap !important;
}
.re-page.re-suite .re-erp-tab .re-adflag {
  margin: 0 !important;
  font-size: .72rem !important;
  padding: .2rem .45rem !important;
}
.re-page.re-suite .re-ucard-top {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: .4rem !important;
}
.re-page.re-suite .re-ucard-flags {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: .28rem !important;
  max-width: 72% !important;
}
.re-page.re-suite .re-adflag {
  display: inline-flex !important;
  align-items: center !important;
  padding: .32rem .7rem !important;
  border-radius: 999px !important;
  font-size: .74rem !important;
  font-weight: 850 !important;
  letter-spacing: .01em !important;
  line-height: 1.2 !important;
  border: 1px solid transparent !important;
  box-shadow: 0 2px 8px rgba(15, 35, 55, .12) !important;
  white-space: nowrap !important;
}
.re-page.re-suite .re-ucard-foot {
  margin-top: auto !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: .5rem !important;
  padding: .75rem 1rem !important;
  border-top: 1px solid #e8eef3 !important;
  background: #fafbfc !important;
  position: relative !important;
  z-index: 3 !important;
}
.re-page.re-suite .re-ucard-edit {
  height: 2rem !important;
  padding: 0 .85rem !important;
  border-radius: 10px !important;
  border: 1px solid #0e4d6b !important;
  position: relative !important;
  z-index: 4 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  background: #fff !important;
  color: #0e4d6b !important;
  font-weight: 750 !important;
  font-size: .78rem !important;
}
.re-page.re-suite .re-badge.rented {
  background: #fef3f2 !important;
  color: #b42318 !important;
  border-radius: 999px !important;
  padding: .2rem .55rem !important;
  font-size: .68rem !important;
  font-weight: 800 !important;
}
.re-page.re-suite .re-badge.vacant {
  background: #ecfdf3 !important;
  color: #067647 !important;
  border-radius: 999px !important;
  padding: .2rem .55rem !important;
  font-size: .68rem !important;
  font-weight: 800 !important;
}

/* Kill old dark unit-code gradient that painted navy blocks */
.re-page.re-suite .re-unit-code {
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  color: #0c1b2a !important;
}

html[data-theme="dark"] .re-page.re-suite .re-assets-bar,
html[data-theme="dark"] .re-page.re-suite .re-unit-cmd,
html[data-theme="obsidian"] .re-page.re-suite .re-assets-bar,
html[data-theme="obsidian"] .re-page.re-suite .re-unit-cmd {
  background: #1a2330 !important;
  border-color: #2a3a4a !important;
}
html[data-theme="dark"] .re-page.re-suite .re-ucard,
html[data-theme="obsidian"] .re-page.re-suite .re-ucard {
  background: #1a2330 !important;
  border-color: #2a3a4a !important;
  color: #e8f0f4 !important;
}
html[data-theme="dark"] .re-page.re-suite .re-ucard-code,
html[data-theme="obsidian"] .re-page.re-suite .re-ucard-code { color: #f0f6fa !important; }
html[data-theme="dark"] .re-page.re-suite .re-ucard-name,
html[data-theme="obsidian"] .re-page.re-suite .re-ucard-name { color: #9bb0bf !important; }
html[data-theme="dark"] .re-page.re-suite .re-ucard-media--plain,
html[data-theme="obsidian"] .re-page.re-suite .re-ucard-media--plain {
  background: linear-gradient(145deg, #121820, #1e2936) !important;
}
html[data-theme="dark"] .re-page.re-suite .re-ucard-foot,
html[data-theme="obsidian"] .re-page.re-suite .re-ucard-foot {
  background: #121820 !important;
  border-top-color: #2a3a4a !important;
}
html[data-theme="dark"] .re-page.re-suite .re-stat-chip,
html[data-theme="obsidian"] .re-page.re-suite .re-stat-chip {
  background: #121820 !important;
  border-color: #2a3a4a !important;
}
html[data-theme="dark"] .re-page.re-suite .re-stat-chip strong,
html[data-theme="dark"] .re-page.re-suite .re-stat-donut b,
html[data-theme="dark"] .re-page.re-suite .re-unit-cmd .re-erp-title,
html[data-theme="obsidian"] .re-page.re-suite .re-stat-chip strong,
html[data-theme="obsidian"] .re-page.re-suite .re-stat-donut b,
html[data-theme="obsidian"] .re-page.re-suite .re-unit-cmd .re-erp-title {
  color: #e8f0f4 !important;
}
html[data-theme="dark"] .re-page.re-suite .re-pill,
html[data-theme="obsidian"] .re-page.re-suite .re-pill {
  background: #121820 !important;
  border-color: #2a3a4a !important;
  color: #9bb0bf !important;
}
html[data-theme="dark"] .re-page.re-suite .re-pill.is-on,
html[data-theme="obsidian"] .re-page.re-suite .re-pill.is-on {
  background: #0e4d6b !important;
  color: #fff !important;
}
@media (max-width: 1100px) {
  .re-page.re-suite .re-unit-cmd { flex-wrap: wrap !important; }
}
/* === /RE Assets Atelier v80 === */

/* === RE Dash Toolbar v81 — real one-row filters (bypass CompactFilterBar/display:contents) === */
.page-context-row.has-filters:not(.has-aside):has(.page-context-fiscal):has(.re-dash-toolbar) {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  gap: .55rem !important;
}
.page-context-row.has-filters:not(.has-aside):has(.page-context-fiscal):has(.re-dash-toolbar) .page-context-fiscal {
  width: 100% !important;
  max-width: none !important;
  flex: 0 0 auto !important;
}
.page-context-row.has-filters:not(.has-aside):has(.page-context-fiscal):has(.re-dash-toolbar) .page-context-filters {
  display: block !important;
  width: 100% !important;
  flex: 0 0 auto !important;
  min-width: 0 !important;
  grid-column: unset !important;
  grid-row: unset !important;
}

.re-dash-toolbar {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: flex-end !important;
  gap: .55rem .7rem !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: .75rem .95rem !important;
  margin: 0 !important;
  background: #fff !important;
  border: 1px solid #d5dee8 !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 28px rgba(12,27,42,.07) !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
}
.re-dash-toolbar .re-dt-field {
  display: flex !important;
  flex-direction: column !important;
  gap: .22rem !important;
  margin: 0 !important;
  flex: 0 0 auto !important;
  min-width: 0 !important;
}
.re-dash-toolbar .re-dt-field > span {
  font-size: .68rem !important;
  font-weight: 750 !important;
  color: #5a6b7d !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
}
.re-dash-toolbar .re-dt-asset {
  width: 11.5rem !important;
}
.re-dash-toolbar .re-dt-asset .searchable-select-wrap,
.re-dash-toolbar .re-dt-asset .searchable-select-trigger,
.re-dash-toolbar .re-dt-asset .field-input {
  width: 11.5rem !important;
  max-width: 11.5rem !important;
  min-width: 0 !important;
}
.re-dash-toolbar .field-input,
.re-dash-toolbar select.field-input,
.re-dash-toolbar .searchable-select-trigger {
  height: 2.35rem !important;
  min-height: 2.35rem !important;
  border-radius: 10px !important;
  border: 1px solid #cfd8e3 !important;
  background: #fff !important;
  box-sizing: border-box !important;
}
.re-dash-toolbar .re-dt-sm {
  width: 4.75rem !important;
}
.re-dash-toolbar .re-dt-sm .field-input,
.re-dash-toolbar .re-dt-sm select {
  width: 4.75rem !important;
  min-width: 4.75rem !important;
  text-align: center !important;
}
.re-dash-toolbar .re-dt-period {
  flex: 0 0 auto !important;
}
.re-dash-toolbar .re-period-seg {
  display: inline-flex !important;
  align-items: stretch !important;
  height: 2.35rem !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  border: 1px solid #cfd8e3 !important;
  background: #f4f7fa !important;
}
.re-dash-toolbar .re-period-seg .re-seg {
  border: 0 !important;
  background: transparent !important;
  padding: 0 .7rem !important;
  font-size: .78rem !important;
  font-weight: 750 !important;
  color: #5a6b7d !important;
  height: 100% !important;
  white-space: nowrap !important;
  cursor: pointer !important;
}
.re-dash-toolbar .re-period-seg .re-seg.is-on {
  background: #0e4d6b !important;
  color: #fff !important;
}
.re-dash-toolbar .re-dt-chip {
  display: inline-flex !important;
  align-items: center !important;
  height: 2.35rem !important;
  padding: 0 .75rem !important;
  border-radius: 10px !important;
  background: #f0f5f9 !important;
  border: 1px solid #e0e8ef !important;
  color: #0c1b2a !important;
  font-size: .8rem !important;
  font-weight: 750 !important;
  white-space: nowrap !important;
  align-self: flex-end !important;
  flex: 0 0 auto !important;
}
.re-dash-toolbar .re-dt-views {
  display: inline-flex !important;
  gap: .35rem !important;
  margin-inline-start: auto !important;
  flex: 0 0 auto !important;
  align-self: flex-end !important;
}
.re-dash-toolbar .re-dt-views .re-view-btn {
  height: 2.35rem !important;
  padding: 0 .9rem !important;
  border-radius: 10px !important;
  border: 1px solid #cfd8e3 !important;
  background: #fff !important;
  color: #0c1b2a !important;
  font-size: .8rem !important;
  font-weight: 750 !important;
  white-space: nowrap !important;
  cursor: pointer !important;
}
.re-dash-toolbar .re-dt-views .re-view-btn.is-on {
  background: linear-gradient(135deg, #0e4d6b, #163a4f) !important;
  border-color: #0e4d6b !important;
  color: #fff !important;
}

html[data-theme="dark"] .re-dash-toolbar,
html[data-theme="obsidian"] .re-dash-toolbar {
  background: #1a2330 !important;
  border-color: #2a3a4a !important;
}
html[data-theme="dark"] .re-dash-toolbar .re-dt-field > span,
html[data-theme="obsidian"] .re-dash-toolbar .re-dt-field > span { color: #9bb0bf !important; }
html[data-theme="dark"] .re-dash-toolbar .field-input,
html[data-theme="dark"] .re-dash-toolbar select.field-input,
html[data-theme="dark"] .re-dash-toolbar .searchable-select-trigger,
html[data-theme="obsidian"] .re-dash-toolbar .field-input,
html[data-theme="obsidian"] .re-dash-toolbar select.field-input,
html[data-theme="obsidian"] .re-dash-toolbar .searchable-select-trigger {
  background: #121820 !important;
  border-color: #2a3a4a !important;
  color: #e8f0f4 !important;
}
html[data-theme="dark"] .re-dash-toolbar .re-period-seg,
html[data-theme="obsidian"] .re-dash-toolbar .re-period-seg {
  background: #121820 !important;
  border-color: #2a3a4a !important;
}
html[data-theme="dark"] .re-dash-toolbar .re-dt-chip,
html[data-theme="obsidian"] .re-dash-toolbar .re-dt-chip {
  background: #121820 !important;
  border-color: #2a3a4a !important;
  color: #e8f0f4 !important;
}
html[data-theme="dark"] .re-dash-toolbar .re-dt-views .re-view-btn:not(.is-on),
html[data-theme="obsidian"] .re-dash-toolbar .re-dt-views .re-view-btn:not(.is-on) {
  background: #121820 !important;
  border-color: #2a3a4a !important;
  color: #e8f0f4 !important;
}
/* === /RE Dash Toolbar v81 === */

/* === RE Tips + Assets Prestige v82 / tip stack fix v130 === */
.re-page.re-suite .re-tip-host {
  position: relative !important;
  z-index: 1 !important;
}
/* Desk cards clip absolute tips — finance card must allow overflow */
.re-page.re-suite .re-desk-card.re-card-finance,
.re-page.re-suite .re-desk-card.re-card-cash,
.re-page.re-suite .re-desk-card.re-card-alerts {
  overflow: visible !important;
}
.re-page.re-suite .re-finance-viz {
  overflow: visible !important;
  position: relative !important;
  z-index: 2 !important;
}
/* Hovered meter must stack ABOVE sibling bars so tip is not covered */
.re-page.re-suite .re-finance-viz .re-tip-host:hover,
.re-page.re-suite .re-finance-viz .re-tip-host:focus-within {
  z-index: 80 !important;
}
.re-page.re-suite .re-tip-panel {
  position: absolute !important;
  inset-inline-start: 50% !important;
  /* Prefer above the row — with overflow:visible on the card */
  bottom: calc(100% + .45rem) !important;
  top: auto !important;
  transform: translateX(-50%) translateY(6px) !important;
  min-width: 11rem !important;
  max-width: 18rem !important;
  padding: .7rem .85rem !important;
  border-radius: 12px !important;
  background: #0c1b2a !important;
  color: #f0f6fa !important;
  box-shadow: 0 16px 40px rgba(12,27,42,.35) !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity .16s ease, transform .16s ease, visibility .16s !important;
  z-index: 90 !important;
  display: grid !important;
  gap: .25rem !important;
}
html[dir="rtl"] .re-page.re-suite .re-tip-panel {
  transform: translateX(50%) translateY(6px) !important;
}
.re-page.re-suite .re-tip-host:hover .re-tip-panel,
.re-page.re-suite .re-tip-host:focus-within .re-tip-panel {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateX(-50%) translateY(0) !important;
}
html[dir="rtl"] .re-page.re-suite .re-tip-host:hover .re-tip-panel,
html[dir="rtl"] .re-page.re-suite .re-tip-host:focus-within .re-tip-panel {
  transform: translateX(50%) translateY(0) !important;
}
/* Avoid sibling transform stacking over the tip */
.re-page.re-suite .re-finance-meter:hover,
.re-page.re-suite .re-cash-bar:hover {
  transform: none !important;
}
.re-page.re-suite .re-tip-panel strong {
  font-size: .78rem !important;
  font-weight: 750 !important;
  color: #9bb0bf !important;
}
.re-page.re-suite .re-tip-panel > span {
  font-size: 1.05rem !important;
  font-weight: 850 !important;
  color: #fff !important;
}
.re-page.re-suite .re-tip-panel > span.out { color: #fca5a5 !important; }
.re-page.re-suite .re-tip-panel small {
  font-size: .7rem !important;
  color: #9bb0bf !important;
}
.re-page.re-suite .re-tip-panel--rich {
  min-width: 15rem !important;
  max-width: 20rem !important;
  inset-inline-start: auto !important;
  inset-inline-end: 0 !important;
  transform: translateY(6px) !important;
}
html[dir="rtl"] .re-page.re-suite .re-tip-panel--rich,
.re-page.re-suite .re-tip-host--chart:hover .re-tip-panel--rich,
.re-page.re-suite .re-tip-host--chart:focus-within .re-tip-panel--rich {
  transform: translateY(0) !important;
}
.re-page.re-suite .re-tip-panel--rich header {
  font-size: .78rem !important;
  font-weight: 800 !important;
  color: #c4a574 !important;
  margin-bottom: .35rem !important;
}
.re-page.re-suite .re-tip-panel--rich ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  gap: .4rem !important;
}
.re-page.re-suite .re-tip-panel--rich li {
  display: grid !important;
  grid-template-columns: auto 1fr auto !important;
  gap: .45rem !important;
  align-items: center !important;
  font-size: .78rem !important;
}
.re-page.re-suite .re-tip-panel--rich li i {
  width: .55rem !important;
  height: .55rem !important;
  border-radius: 50% !important;
  font-style: normal !important;
}
.re-page.re-suite .re-tip-panel--rich li i.in { background: #34d399 !important; }
.re-page.re-suite .re-tip-panel--rich li i.out { background: #f87171 !important; }
.re-page.re-suite .re-tip-panel--rich li i.net { background: #38bdf8 !important; }
.re-page.re-suite .re-tip-panel--rich li i.mute { background: #64748b !important; }
.re-page.re-suite .re-tip-panel--rich li span { color: #c5d4de !important; }
.re-page.re-suite .re-tip-panel--rich li b { color: #fff !important; font-weight: 800 !important; }
.re-page.re-suite .re-tip-panel--rich footer {
  margin-top: .45rem !important;
  padding-top: .45rem !important;
  border-top: 1px solid rgba(255,255,255,.1) !important;
  font-size: .68rem !important;
  color: #9bb0bf !important;
}
.re-page.re-suite .re-chrono-tick.re-tip-host {
  position: relative !important;
  overflow: visible !important;
  z-index: 1 !important;
}
.re-page.re-suite .re-chrono-float-tip {
  position: absolute !important;
  left: 50% !important;
  right: auto !important;
  top: .55rem !important;
  bottom: auto !important;
  transform: translateX(-50%) !important;
  inset-inline-start: auto !important;
  inset-inline-end: auto !important;
  min-width: 16.5rem !important;
  max-width: min(22rem, 86vw) !important;
  margin: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  z-index: 80 !important;
  box-shadow: 0 18px 44px rgba(12,27,42,.45) !important;
}
html[dir="rtl"] .re-page.re-suite .re-chrono-float-tip {
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
}
.re-page.re-suite .re-tip-day-list {
  display: flex !important;
  flex-direction: column !important;
  gap: .35rem !important;
  margin-top: .45rem !important;
  padding-top: .4rem !important;
  border-top: 1px solid rgba(255,255,255,.1) !important;
  max-height: 11rem !important;
  overflow: auto !important;
}
.re-page.re-suite .re-tip-day-list p {
  margin: 0 !important;
  display: grid !important;
  grid-template-columns: auto 1fr !important;
  grid-template-areas: "lbl amt" "name name" "code code" !important;
  gap: .1rem .45rem !important;
  padding: .4rem .5rem !important;
  border-radius: 10px !important;
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
}
.re-page.re-suite .re-tip-day-list p.is-in { border-inline-start: 3px solid #34d399 !important; }
.re-page.re-suite .re-tip-day-list p.is-out { border-inline-start: 3px solid #f87171 !important; }
.re-page.re-suite .re-tip-day-list p > span {
  grid-area: lbl !important;
  font-size: .62rem !important;
  color: #9bb0bf !important;
  font-weight: 700 !important;
}
.re-page.re-suite .re-tip-day-list p > strong {
  grid-area: amt !important;
  justify-self: end !important;
  font-size: .78rem !important;
  color: #fff !important;
}
.re-page.re-suite .re-tip-day-list p.is-in > strong { color: #6ee7b7 !important; }
.re-page.re-suite .re-tip-day-list p.is-out > strong { color: #fca5a5 !important; }
.re-page.re-suite .re-tip-day-list p > em {
  grid-area: name !important;
  font-style: normal !important;
  font-size: .78rem !important;
  font-weight: 750 !important;
  color: #e8f0f4 !important;
}
.re-page.re-suite .re-tip-day-list p > code {
  grid-area: code !important;
  font-size: .62rem !important;
  color: #94a3b8 !important;
  background: transparent !important;
}
.re-page.re-suite .re-card-finance .re-viz-spark {
  height: 72px !important;
  margin-top: .65rem !important;
}
.re-page.re-suite .re-viz-spark .rev-fill { stroke: none !important; }
.re-page.re-suite .re-viz-spark .rev {
  stroke: #067647 !important;
  stroke-width: 2.6 !important;
  fill: none !important;
}
.re-page.re-suite .re-viz-spark .exp {
  stroke: #b42318 !important;
  stroke-width: 2.4 !important;
  fill: none !important;
  opacity: .9 !important;
}

/* === RE Assets Atelier compact luxury v84 === */
.re-page.re-suite .re-assets-bar {
  padding: .35rem .65rem !important;
  margin-bottom: .3rem !important;
  gap: .35rem .55rem !important;
  border-radius: 12px !important;
}
.re-page.re-suite .re-erp-tabs.re-bld-fill {
  gap: .4rem !important;
  padding: .2rem 0 .25rem !important;
  margin: 0 0 .2rem !important;
  background: transparent !important;
  border: 0 !important;
  overflow: visible !important;
}
.re-page.re-suite .re-erp-tabs.re-bld-fill .re-erp-tab-wrap {
  position: relative !important;
  display: flex !important;
  align-items: stretch !important;
  min-width: 11rem !important;
  max-width: 15rem !important;
  overflow: visible !important;
}
.re-page.re-suite .re-erp-tabs.re-bld-fill .re-erp-tab {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: stretch !important;
  gap: .18rem !important;
  min-height: 3.55rem !important;
  height: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  padding: .55rem 2.85rem .55rem .75rem !important;
  border-radius: 14px !important;
  overflow: visible !important;
  box-sizing: border-box !important;
  background:
    radial-gradient(120% 90% at 8% 0%, rgba(255,255,255,.95), transparent 55%),
    linear-gradient(165deg, #fffefb 0%, #f4f7fb 100%) !important;
  box-shadow: 0 6px 14px rgba(12,27,42,.05) !important;
  transform: none !important;
}
.re-page.re-suite .re-erp-tabs.re-bld-fill .re-erp-tab.is-on {
  background:
    radial-gradient(120% 90% at 10% 0%, #fff, transparent 50%),
    linear-gradient(160deg, #fffefb, #f3e8d4) !important;
  box-shadow: 0 0 0 1.5px rgba(196,165,116,.45), 0 10px 20px rgba(12,27,42,.08) !important;
  transform: none !important;
  color: #0c1b2a !important;
}
.re-page.re-suite .re-erp-tabs.re-bld-fill .re-erp-tab.is-on small {
  color: rgba(12,27,42,.65) !important;
}
.re-page.re-suite .re-erp-tab-head {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: .25rem .3rem !important;
  margin: 0 !important;
  min-height: 0 !important;
}
.re-page.re-suite .re-erp-tabs.re-bld-fill .re-erp-tab-kicker {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: .12rem .42rem !important;
  border-radius: 999px !important;
  background: rgba(154,123,79,.12) !important;
  color: #8a6540 !important;
  font-size: .68rem !important;
  font-weight: 800 !important;
  letter-spacing: .02em !important;
  line-height: 1.2 !important;
}
.re-page.re-suite .re-erp-tabs.re-bld-fill .re-erp-tab-name {
  display: block !important;
  font-size: .88rem !important;
  font-weight: 850 !important;
  line-height: 1.3 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  margin: 0 !important;
}
.re-page.re-suite .re-erp-tabs.re-bld-fill .re-erp-tab small {
  display: block !important;
  margin: 0 !important;
  font-size: .66rem !important;
  line-height: 1.2 !important;
  opacity: .75 !important;
}
.re-page.re-suite .re-erp-tab-actions {
  position: absolute !important;
  inset-block-start: 50% !important;
  inset-inline-end: .3rem !important;
  transform: translateY(-50%) !important;
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .22rem !important;
  z-index: 3 !important;
  pointer-events: auto !important;
}
.re-page.re-suite .re-erp-tab-edit,
.re-page.re-suite .re-erp-tab-del {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 1.65rem !important;
  height: 1.65rem !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 0 !important;
  border-radius: 999px !important;
  border: 1px solid #d5dee8 !important;
  background: #fff !important;
  color: #3d5266 !important;
  cursor: pointer !important;
  box-shadow: 0 2px 6px rgba(12,27,42,.08) !important;
}
.re-page.re-suite .re-erp-tab-edit:hover {
  border-color: #0e4d6b !important;
  color: #0e4d6b !important;
  background: #f3f8fb !important;
}
.re-page.re-suite .re-erp-tab-del {
  color: #b42318 !important;
  border-color: #f5c2c0 !important;
}
.re-page.re-suite .re-erp-tab-del:hover {
  background: #fff5f5 !important;
  border-color: #f04438 !important;
}
.re-page.re-suite .re-erp-tab-edit svg,
.re-page.re-suite .re-erp-tab-del svg {
  display: block !important;
  width: 13px !important;
  height: 13px !important;
  flex: 0 0 auto !important;
}
.re-page.re-suite .re-adflag,
.re-page.re-suite .re-adflag.re-adflag--chip {
  width: auto !important;
  max-width: none !important;
  flex: 0 0 auto !important;
  align-self: center !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: .28rem .55rem !important;
  font-size: .78rem !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
  letter-spacing: .01em !important;
  white-space: nowrap !important;
  box-shadow: none !important;
  border-width: 1px !important;
  border-radius: 999px !important;
}
.re-page.re-suite .re-erp-tab .re-adflag {
  margin: 0 !important;
  padding: .2rem .45rem !important;
  font-size: .72rem !important;
}
.re-page.re-suite .re-unit-cmd,
.re-page.re-suite .re-unit-toolbar.re-filter-row,
.re-page.re-suite .re-erp-head.re-unit-toolbar {
  padding: .4rem .6rem !important;
  margin: .15rem 0 .3rem !important;
  gap: .35rem .55rem !important;
  border-radius: 12px !important;
  box-shadow: 0 6px 16px rgba(12,27,42,.04) !important;
}
.re-page.re-suite .re-unit-cmd-start {
  gap: .35rem .45rem !important;
}
.re-page.re-suite .re-unit-cmd .re-erp-title,
.re-page.re-suite .re-unit-toolbar .re-erp-title {
  font-size: .84rem !important;
}
.re-page.re-suite .re-unit-toolbar .re-seg-filter button {
  padding: .28rem .55rem !important;
  font-size: .72rem !important;
}
.re-page.re-suite .re-unit-stats {
  gap: .28rem !important;
}
.re-page.re-suite .re-stat-chip {
  padding: .22rem .42rem !important;
  min-height: 0 !important;
}
.re-page.re-suite .re-stat-donut {
  width: 2.35rem !important;
  height: 2.35rem !important;
}
.re-page.re-suite .re-unit-cmd .re-erp-add,
.re-page.re-suite .re-erp-add {
  height: 1.9rem !important;
  padding: 0 .65rem !important;
  font-size: .74rem !important;
}
.re-page.re-suite .re-ads-legend-bar {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: .35rem .4rem !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 .35rem !important;
  padding: .35rem .55rem !important;
  border-radius: 12px !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.96), rgba(247,242,232,.92)),
    #f5f8fb !important;
  border: 1px solid rgba(196,165,116,.28) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.8) !important;
  overflow-x: auto !important;
}
.re-page.re-suite .re-ads-legend-label {
  font-size: .78rem !important;
  font-weight: 850 !important;
  color: #5c4a32 !important;
  margin: 0 !important;
  flex: 0 0 auto !important;
}
.re-page.re-suite .re-ads-legend-bar .re-adflag {
  font-size: .78rem !important;
  padding: .28rem .55rem !important;
}
.re-page.re-suite .re-ads-legend-search {
  margin-inline-start: auto !important;
  width: min(14rem, 34vw) !important;
  min-width: 9rem !important;
  max-width: 15rem !important;
  height: 1.9rem !important;
  flex: 0 1 14rem !important;
  border-radius: 10px !important;
  border: 1px solid #d0d9e4 !important;
  background: #fff !important;
  padding-inline: .65rem !important;
  font-size: .76rem !important;
}
.re-page.re-suite .re-ucard-flags .re-adflag {
  padding: .26rem .5rem !important;
  font-size: .76rem !important;
}
.re-page.re-suite .re-ucard-actions {
  display: inline-flex !important;
  align-items: center !important;
  gap: .35rem !important;
  flex: 0 0 auto !important;
}
.re-page.re-suite .re-ucard-del {
  height: 2rem !important;
  padding: 0 .75rem !important;
  border-radius: 10px !important;
  border: 1px solid #fda29b !important;
  background: #fff !important;
  color: #b42318 !important;
  font-weight: 750 !important;
  font-size: .76rem !important;
  cursor: pointer !important;
  position: relative !important;
  z-index: 4 !important;
  pointer-events: auto !important;
}
.re-page.re-suite .re-ucard-del:hover {
  background: #fff5f5 !important;
  border-color: #f04438 !important;
}
.re-page.re-suite .re-suite-stage {
  gap: .2rem !important;
}
.re-page.re-suite .re-erp-stage {
  padding: .4rem .45rem !important;
  margin-top: 0 !important;
}
@media (max-width: 900px) {
  .re-page.re-suite .re-ads-legend-bar {
    flex-wrap: wrap !important;
  }
  .re-page.re-suite .re-ads-legend-search {
    margin-inline-start: 0 !important;
    flex: 1 1 100% !important;
    width: 100% !important;
    max-width: none !important;
  }
  .re-page.re-suite .re-erp-tab-actions {
    flex-direction: row !important;
  }
}
/* === /RE Assets Atelier compact luxury v84 === */

/* Unit card media — no grey slab */
.re-page.re-suite .re-ucard-media--plain {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .35rem !important;
  height: 96px !important;
  background:
    radial-gradient(circle at 20% 20%, rgba(154,123,79,.18), transparent 45%),
    radial-gradient(circle at 80% 0%, rgba(14,77,107,.16), transparent 40%),
    linear-gradient(145deg, #eef4f8, #e2ebf2) !important;
  background-image: none !important;
  background:
    radial-gradient(circle at 18% 25%, rgba(154,123,79,.22), transparent 42%),
    radial-gradient(circle at 85% 10%, rgba(14,77,107,.18), transparent 38%),
    linear-gradient(145deg, #f3f7fb, #e6eef5) !important;
}
.re-page.re-suite .re-ucard-glyph {
  width: 2.1rem !important;
  height: 2.1rem !important;
  border-radius: 12px !important;
  background:
    linear-gradient(135deg, rgba(14,77,107,.12), rgba(154,123,79,.2)),
    #fff !important;
  border: 1px solid rgba(14,77,107,.12) !important;
  box-shadow: 0 6px 14px rgba(12,27,42,.08) !important;
  position: relative !important;
}
.re-page.re-suite .re-ucard-glyph::before {
  content: "" !important;
  position: absolute !important;
  inset: .45rem !important;
  border-radius: 4px !important;
  border: 2px solid #0e4d6b !important;
  border-bottom-width: 3px !important;
  opacity: .55 !important;
}
.re-page.re-suite .re-ucard-code-soft {
  font-size: .78rem !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  color: #5a6b7d !important;
}
.re-page.re-suite .re-ucard.is-rented .re-ucard-media--plain {
  background:
    radial-gradient(circle at 20% 20%, rgba(194,59,46,.12), transparent 45%),
    linear-gradient(145deg, #fbf5f5, #f3e8e8) !important;
}
.re-page.re-suite .re-ucard.is-vacant .re-ucard-media--plain {
  background:
    radial-gradient(circle at 20% 20%, rgba(15,138,95,.14), transparent 45%),
    linear-gradient(145deg, #f3faf6, #e6f4ec) !important;
}

html[data-theme="dark"] .re-page.re-suite .re-erp-tabs.re-bld-fill .re-erp-tab,
html[data-theme="obsidian"] .re-page.re-suite .re-erp-tabs.re-bld-fill .re-erp-tab {
  background: linear-gradient(165deg, #1a2330, #141c28) !important;
  border-color: #2a3a4a !important;
}
html[data-theme="dark"] .re-page.re-suite .re-erp-tab-edit,
html[data-theme="obsidian"] .re-page.re-suite .re-erp-tab-edit,
html[data-theme="dark"] .re-page.re-suite .re-erp-tab-del,
html[data-theme="obsidian"] .re-page.re-suite .re-erp-tab-del {
  background: #121820 !important;
  border-color: #2a3a4a !important;
  color: #9bb0bf !important;
}
html[data-theme="dark"] .re-page.re-suite .re-erp-tab-del,
html[data-theme="obsidian"] .re-page.re-suite .re-erp-tab-del {
  color: #f97066 !important;
  border-color: #7a2e2a !important;
}
html[data-theme="dark"] .re-page.re-suite .re-ucard-media--plain,
html[data-theme="obsidian"] .re-page.re-suite .re-ucard-media--plain {
  background: linear-gradient(145deg, #1a2330, #121820) !important;
}
/* Elevate generic hint tip on RE */
.re-page.re-suite ~ * #zad-hint-tip,
body:has(.re-page.re-suite) #zad-hint-tip {
  background: #0c1b2a !important;
  color: #f0f6fa !important;
  border: 1px solid rgba(196,165,116,.35) !important;
  border-radius: 12px !important;
  box-shadow: 0 18px 44px rgba(12,27,42,.35) !important;
  padding: .7rem .9rem !important;
  font-size: .82rem !important;
  font-weight: 650 !important;
  max-width: 18rem !important;
  line-height: 1.45 !important;
}
/* === /RE Tips + Assets Prestige v82 === */

/* === RE Unit Cards Compact 4-col v83 === */
.re-page.re-suite .re-unit-grid--4 {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: .75rem !important;
  padding: .15rem 0 .5rem !important;
}
.re-page.re-suite .re-ucard--sm {
  display: flex !important;
  flex-direction: column !important;
  gap: .35rem !important;
  min-height: 0 !important;
  padding: .75rem .85rem .7rem !important;
  background: #fff !important;
  border: 1px solid #d7e0ea !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 20px rgba(12,27,42,.05) !important;
  overflow: hidden !important;
  color: #0c1b2a !important;
  transition: transform .15s ease, box-shadow .15s ease !important;
}
.re-page.re-suite .re-ucard--sm:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 26px rgba(12,27,42,.1) !important;
}
.re-page.re-suite .re-ucard--sm.is-rented {
  border-inline-start: 3px solid #c23b2e !important;
  border-block-start: 1px solid #d7e0ea !important;
}
.re-page.re-suite .re-ucard--sm.is-vacant {
  border-inline-start: 3px solid #0f8a5f !important;
  border-block-start: 1px solid #d7e0ea !important;
}
.re-page.re-suite .re-ucard--sm .re-ucard-top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .5rem !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
}
.re-page.re-suite .re-ucard--sm .re-ucard-code {
  margin: 0 !important;
  font-size: 1.15rem !important;
  font-weight: 850 !important;
  letter-spacing: .03em !important;
  color: #0c1b2a !important;
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  line-height: 1.15 !important;
}
.re-page.re-suite .re-ucard--sm .re-badge {
  flex: 0 0 auto !important;
  padding: .15rem .45rem !important;
  border-radius: 999px !important;
  font-size: .65rem !important;
  font-weight: 800 !important;
}
.re-page.re-suite .re-ucard--sm .re-ucard-meta {
  margin: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: .2rem .35rem !important;
  font-size: .75rem !important;
  font-weight: 650 !important;
  color: #5a6b7d !important;
  line-height: 1.3 !important;
}
.re-page.re-suite .re-ucard--sm .re-ucard-meta .dot { opacity: .45 !important; }
.re-page.re-suite .re-ucard--sm .re-ucard-name {
  margin: 0 !important;
  font-size: .78rem !important;
  font-weight: 600 !important;
  color: #5a6b7d !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.re-page.re-suite .re-ucard--sm .re-utag {
  align-self: flex-start !important;
  margin-top: .1rem !important;
  padding: .12rem .4rem !important;
  font-size: .62rem !important;
}
.re-page.re-suite .re-ucard--sm .re-ucard-foot {
  margin-top: auto !important;
  padding: .55rem 0 0 !important;
  border-top: 1px solid #e8eef3 !important;
  background: transparent !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .4rem !important;
}
.re-page.re-suite .re-ucard--sm .re-ucard-rent {
  font-size: .88rem !important;
  font-weight: 850 !important;
  color: #0e4d6b !important;
  font-variant-numeric: tabular-nums !important;
}
.re-page.re-suite .re-ucard--sm .re-ucard-edit {
  height: 1.85rem !important;
  padding: 0 .65rem !important;
  border-radius: 8px !important;
  font-size: .72rem !important;
}
.re-page.re-suite .re-ucard--sm .re-ucard-actions {
  display: inline-flex !important;
  align-items: center !important;
  gap: .3rem !important;
}
.re-page.re-suite .re-ucard--sm .re-ucard-del {
  height: 1.85rem !important;
  padding: 0 .65rem !important;
  border-radius: 8px !important;
  font-size: .72rem !important;
  border: 1px solid #fda29b !important;
  background: #fff !important;
  color: #b42318 !important;
  font-weight: 750 !important;
  cursor: pointer !important;
}
.re-page.re-suite .re-ucard--sm .re-ucard-flags .re-adflag {
  font-size: .76rem !important;
  padding: .22rem .48rem !important;
}
/* Kill oversized media headers on compact cards */
.re-page.re-suite .re-ucard--sm .re-ucard-media,
.re-page.re-suite .re-ucard--sm .re-ucard-glyph,
.re-page.re-suite .re-ucard--sm .re-ucard-code-soft { display: none !important; }

html[data-theme="dark"] .re-page.re-suite .re-ucard--sm,
html[data-theme="obsidian"] .re-page.re-suite .re-ucard--sm {
  background: #1a2330 !important;
  border-color: #2a3a4a !important;
  color: #e8f0f4 !important;
}
html[data-theme="dark"] .re-page.re-suite .re-ucard--sm .re-ucard-code,
html[data-theme="obsidian"] .re-page.re-suite .re-ucard--sm .re-ucard-code { color: #f0f6fa !important; }
html[data-theme="dark"] .re-page.re-suite .re-ucard--sm .re-ucard-meta,
html[data-theme="dark"] .re-page.re-suite .re-ucard--sm .re-ucard-name,
html[data-theme="obsidian"] .re-page.re-suite .re-ucard--sm .re-ucard-meta,
html[data-theme="obsidian"] .re-page.re-suite .re-ucard--sm .re-ucard-name { color: #9bb0bf !important; }
html[data-theme="dark"] .re-page.re-suite .re-ucard--sm .re-ucard-foot,
html[data-theme="obsidian"] .re-page.re-suite .re-ucard--sm .re-ucard-foot {
  border-top-color: #2a3a4a !important;
  background: transparent !important;
}
html[data-theme="dark"] .re-page.re-suite .re-ucard--sm .re-ucard-rent,
html[data-theme="obsidian"] .re-page.re-suite .re-ucard--sm .re-ucard-rent { color: #7dd3a8 !important; }

@media (max-width: 1200px) {
  .re-page.re-suite .re-unit-grid--4 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
@media (max-width: 820px) {
  .re-page.re-suite .re-unit-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 520px) {
  .re-page.re-suite .re-unit-grid--4 { grid-template-columns: 1fr !important; }
}
/* === /RE Unit Cards Compact v83 === */

/* === RE Modal Overlay + Prestige v84 === */
/* Kill suite isolation so fixed modals cover the WHOLE app (sidebar/header too) */
.re-page.re-suite:has(.re-modal-backdrop),
.re-page.re-lux:has(.re-modal-backdrop),
.re-page.re-cockpit:has(.re-modal-backdrop),
.re-page:has(.re-modal-backdrop) {
  isolation: auto !important;
  transform: none !important;
  filter: none !important;
  perspective: none !important;
  contain: none !important;
  animation: none !important;
}
.re-page .re-modal-backdrop,
.re-modal-backdrop {
  position: fixed !important;
  inset: 0 !important;
  z-index: 100000 !important;
  background: rgba(8, 16, 28, .62) !important;
  -webkit-backdrop-filter: blur(6px) !important;
  backdrop-filter: blur(6px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 1.25rem 1rem !important;
  overflow: auto !important;
}
.re-page .re-modal,
.re-modal {
  width: min(1080px, 100%) !important;
  max-height: calc(100vh - 2rem) !important;
  background: #fff !important;
  border-radius: 18px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 28px 80px rgba(0,0,0,.45),
    0 0 0 1px rgba(12,27,42,.08) !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
}
.re-modal.re-modal-lg,
.re-modal.re-bld-modal { width: min(1180px, 96vw) !important; }
.re-modal.re-modal-xl { width: min(1320px, 96vw) !important; }

.re-modal-header--lux,
.re-page .re-modal-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .75rem !important;
  padding: .85rem 1.15rem !important;
  background: linear-gradient(135deg, #0e4d6b 0%, #163a4f 55%, #1a2f3f 100%) !important;
  color: #fff !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}
.re-modal-header--lux h3,
.re-page .re-modal-header h3 {
  margin: 0 !important;
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  color: #fff !important;
}
.re-modal-header--lux .re-modal-header-actions,
.re-modal-header--lux > div {
  display: inline-flex !important;
  align-items: center !important;
  gap: .4rem !important;
}
.re-modal-header--lux .re-erp-chrome-btn,
.re-modal-header--lux .btn-primary,
.re-page .re-modal-header .btn-primary {
  background: linear-gradient(135deg, #c4a574, #9a7b4f) !important;
  border: 0 !important;
  color: #fff !important;
  border-radius: 10px !important;
  font-weight: 750 !important;
  padding: .4rem .95rem !important;
}
.re-modal-header--lux .re-erp-chrome-btn.ghost,
.re-modal-header--lux .btn-secondary,
.re-page .re-modal-header .btn-secondary {
  background: transparent !important;
  border: 1px solid rgba(255,255,255,.4) !important;
  color: #fff !important;
  border-radius: 10px !important;
  padding: .4rem .95rem !important;
}

.re-bld-modal-body,
.re-page .re-modal-body {
  background: #f4f7fa !important;
  padding: 1rem 1.1rem 1.15rem !important;
}

/* Asset form: fields LEFT/RIGHT of map — no empty void */
.re-bld-split {
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, .95fr) !important;
  gap: .85rem !important;
  align-items: start !important;
}
.re-bld-split-form,
.re-bld-split-map {
  display: flex !important;
  flex-direction: column !important;
  gap: .7rem !important;
  min-width: 0 !important;
}
.re-page .re-bld-section,
.re-bld-section {
  background: #fff !important;
  border: 1px solid #d7e0ea !important;
  border-radius: 14px !important;
  padding: .75rem .85rem .85rem !important;
  box-shadow: 0 8px 20px rgba(12,27,42,.04) !important;
}
.re-page .re-modal-legend,
.re-modal-legend,
.re-page.re-suite .re-modal-legend,
.re-page.re-suite .re-bld-section .re-modal-legend {
  display: inline-flex !important;
  align-items: center !important;
  gap: .4rem !important;
  width: auto !important;
  max-width: 100% !important;
  background: linear-gradient(135deg, #0e4d6b, #1a5a75) !important;
  background-image: linear-gradient(135deg, #0e4d6b, #1a5a75) !important;
  border: 0 !important;
  border-bottom: 0 !important;
  border-radius: 8px !important;
  padding: .35rem .8rem !important;
  margin: 0 0 .55rem !important;
  font-size: .8rem !important;
  font-weight: 800 !important;
  letter-spacing: .01em !important;
  line-height: 1.35 !important;
  white-space: nowrap !important;
  box-shadow: 0 4px 12px rgba(14,77,107,.22) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.re-page .re-modal-legend *,
.re-modal-legend *,
.re-page .re-modal-legend .hint-tip-label,
.re-modal-legend .hint-tip-label {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
.re-page .re-modal-legend .hint-tip-btn,
.re-modal-legend .hint-tip-btn,
.re-page .re-modal-legend .hint-tip-icon,
.re-modal-legend .hint-tip-icon {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: rgba(255,255,255,.55) !important;
  background: rgba(255,255,255,.12) !important;
}
.re-bld-grid--2 {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: .55rem .65rem !important;
}
.re-bld-section--map .re-bld-map {
  margin-top: .65rem !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  border: 1px solid #d7e0ea !important;
  min-height: 220px !important;
}
.re-bld-section--map .re-bld-map .org-map,
.re-bld-section--map .re-bld-map .leaflet-container {
  height: 240px !important;
  min-height: 240px !important;
  border-radius: 12px !important;
}

@media (max-width: 960px) {
  .re-bld-split { grid-template-columns: 1fr !important; }
}

html[data-theme="dark"] .re-modal,
html[data-theme="obsidian"] .re-modal {
  background: #1a2330 !important;
  border-color: #2a3a4a !important;
}
html[data-theme="dark"] .re-bld-modal-body,
html[data-theme="dark"] .re-page .re-modal-body,
html[data-theme="obsidian"] .re-bld-modal-body {
  background: #121820 !important;
}
html[data-theme="dark"] .re-page .re-bld-section,
html[data-theme="obsidian"] .re-page .re-bld-section {
  background: #1a2330 !important;
  border-color: #2a3a4a !important;
}
/* === /RE Modal Overlay v84 === */

/* === RE Leases Prestige v87 === */
.re-page.re-suite .re-erp-filters.re-filter-row {
  background: linear-gradient(165deg, #fff, #f5f8fb) !important;
  border: 1px solid #d7e0ea !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 28px rgba(12,27,42,.06) !important;
  padding: .75rem 1rem !important;
}

.re-page.re-suite .re-kanban,
.re-page.re-suite .re-kanban--two {
  display: grid !important;
  gap: 1rem !important;
  align-items: start !important;
}
.re-page.re-suite .re-kanban { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
.re-page.re-suite .re-kanban--two { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }

.re-page.re-suite .re-kanban-col {
  background: #f7f9fb !important;
  border: 1px solid #d7e0ea !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: 0 12px 30px rgba(12,27,42,.06) !important;
  min-height: 16rem !important;
}
.re-page.re-suite .re-kanban-head,
.re-page.re-suite .re-kanban-head--lux,
.re-page.re-suite .re-kanban-head--soft {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .5rem !important;
  padding: .75rem 1rem !important;
  color: #fff !important;
  font-weight: 800 !important;
  border-radius: 0 !important;
}
.re-page.re-suite .re-kanban-col.draft .re-kanban-head,
.re-page.re-suite .re-kanban-col.draft .re-kanban-head--lux {
  background: linear-gradient(135deg, #64748b, #475569) !important;
}
.re-page.re-suite .re-kanban-col.active .re-kanban-head,
.re-page.re-suite .re-kanban-col.active .re-kanban-head--lux {
  background: linear-gradient(135deg, #0e4d6b, #1a6a8a) !important;
}
.re-page.re-suite .re-kanban-col.finished .re-kanban-head,
.re-page.re-suite .re-kanban-col.finished .re-kanban-head--lux {
  background: linear-gradient(135deg, #9a7b4f, #7a5f3a) !important;
}
.re-page.re-suite .re-kanban-head b {
  display: inline-grid !important;
  place-items: center !important;
  min-width: 1.75rem !important;
  height: 1.75rem !important;
  padding: 0 .4rem !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.2) !important;
  color: #fff !important;
  font-size: .85rem !important;
}
.re-page.re-suite .re-kanban-body {
  padding: .75rem !important;
  display: grid !important;
  gap: .7rem !important;
}
.re-page.re-suite .re-kanban-empty {
  padding: 2rem 1rem !important;
  text-align: center !important;
  color: #7a8b9c !important;
  background: transparent !important;
  border: 1px dashed #d0d9e3 !important;
  border-radius: 12px !important;
  font-weight: 650 !important;
}

.re-page.re-suite .re-lease-card--lux {
  background: #fff !important;
  border: 1px solid #d7e0ea !important;
  border-radius: 14px !important;
  padding: .85rem .9rem !important;
  box-shadow: 0 8px 22px rgba(12,27,42,.05) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: .45rem !important;
  transition: transform .15s ease, box-shadow .15s ease !important;
}
.re-page.re-suite .re-lease-card--lux:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 14px 28px rgba(12,27,42,.1) !important;
}
.re-page.re-suite .re-lease-card--lux.is-draft { border-inline-start: 3px solid #64748b !important; }
.re-page.re-suite .re-lease-card--lux.is-active { border-inline-start: 3px solid #0e4d6b !important; }
.re-page.re-suite .re-lease-card--lux.is-done { border-inline-start: 3px solid #9a7b4f !important; }

.re-page.re-suite .re-lease-no {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .5rem !important;
  cursor: pointer !important;
}
.re-page.re-suite .re-lease-no > span:first-child {
  font-size: .95rem !important;
  font-weight: 850 !important;
  color: #0c1b2a !important;
  letter-spacing: .02em !important;
}
.re-page.re-suite .re-badge.draft {
  background: #eef2f6 !important;
  color: #475569 !important;
  border-radius: 999px !important;
  padding: .2rem .55rem !important;
  font-size: .68rem !important;
  font-weight: 800 !important;
}
.re-page.re-suite .re-badge.active {
  background: #e8f4fa !important;
  color: #0e4d6b !important;
  border-radius: 999px !important;
  padding: .2rem .55rem !important;
  font-size: .68rem !important;
  font-weight: 800 !important;
}
.re-page.re-suite .re-badge.finished {
  background: #f5efe6 !important;
  color: #7a5a2e !important;
  border-radius: 999px !important;
  padding: .2rem .55rem !important;
  font-size: .68rem !important;
  font-weight: 800 !important;
}
.re-page.re-suite .re-lease-kind {
  display: inline-flex !important;
  align-self: flex-start !important;
  padding: .2rem .55rem !important;
  border-radius: 8px !important;
  background: #eef3f7 !important;
  color: #3d5163 !important;
  font-size: .72rem !important;
  font-weight: 750 !important;
}
.re-page.re-suite .re-lease-rows { display: grid !important; gap: .3rem !important; }
.re-page.re-suite .re-lease-row {
  display: flex !important;
  justify-content: space-between !important;
  gap: .5rem !important;
  font-size: .78rem !important;
}
.re-page.re-suite .re-lease-row span { color: #7a8b9c !important; font-weight: 650 !important; }
.re-page.re-suite .re-lease-row b { color: #0c1b2a !important; font-weight: 800 !important; text-align: end !important; }

.re-page.re-suite .re-lease-term {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .45rem !important;
  padding: .4rem .55rem !important;
  border-radius: 10px !important;
  background: #f4f7fa !important;
  border: 1px solid #e4ebf1 !important;
  font-size: .78rem !important;
  font-weight: 750 !important;
  color: #0c1b2a !important;
  font-variant-numeric: tabular-nums !important;
}
.re-page.re-suite .re-lease-term .arrow {
  color: #9a7b4f !important;
  font-weight: 900 !important;
  font-size: .95rem !important;
}
.re-page.re-suite .re-lease-progress {
  height: 6px !important;
  border-radius: 99px !important;
  background: #e6edf3 !important;
  overflow: hidden !important;
}
.re-page.re-suite .re-lease-progress i {
  display: block !important;
  height: 100% !important;
  border-radius: inherit !important;
  background: linear-gradient(90deg, #0e4d6b, #9a7b4f) !important;
}
.re-page.re-suite .re-lease-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .35rem !important;
  margin-top: .25rem !important;
}
.re-page.re-suite .re-lease-actions .btn-sm {
  border-radius: 9px !important;
  font-weight: 750 !important;
}

/* Lease modal tabs — no All, premium chrome */
.re-sheet-tabs--chrome {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .35rem !important;
  padding: .65rem 1rem !important;
  background: #f0f4f8 !important;
  border-bottom: 1px solid #d7e0ea !important;
}
.re-sheet-tabs--chrome .re-sheet-tab {
  border: 1px solid transparent !important;
  background: transparent !important;
  border-radius: 999px !important;
  padding: .4rem .9rem !important;
  font-size: .8rem !important;
  font-weight: 750 !important;
  color: #5a6b7d !important;
  border-bottom: 0 !important;
}
.re-sheet-tabs--chrome .re-sheet-tab.is-on {
  background: linear-gradient(135deg, #0e4d6b, #163a4f) !important;
  color: #fff !important;
  border-color: #0e4d6b !important;
  box-shadow: 0 6px 14px rgba(14,77,107,.25) !important;
}
.re-sheet-panels.is-tabbed {
  display: block !important;
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
}
.re-sheet-panels.is-tabbed .re-modal-section {
  background: #fff !important;
  border: 1px solid #d7e0ea !important;
  border-radius: 14px !important;
  padding: 1rem 1.1rem !important;
  box-shadow: 0 8px 20px rgba(12,27,42,.04) !important;
}
.re-sheet-panels.is-tabbed .re-modal-section h4 {
  margin: 0 0 .85rem !important;
  padding: .35rem .75rem !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: .35rem !important;
  border-radius: 8px !important;
  background: linear-gradient(135deg, #0e4d6b, #1a5a75) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: .8rem !important;
  font-weight: 800 !important;
  border: 0 !important;
  width: auto !important;
}
.re-sheet-panels.is-tabbed .re-modal-section h4 * {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

html[data-theme="dark"] .re-page.re-suite .re-kanban-col,
html[data-theme="obsidian"] .re-page.re-suite .re-kanban-col {
  background: #121820 !important;
  border-color: #2a3a4a !important;
}
html[data-theme="dark"] .re-page.re-suite .re-lease-card--lux,
html[data-theme="obsidian"] .re-page.re-suite .re-lease-card--lux {
  background: #1a2330 !important;
  border-color: #2a3a4a !important;
}
html[data-theme="dark"] .re-page.re-suite .re-lease-no > span:first-child,
html[data-theme="dark"] .re-page.re-suite .re-lease-row b,
html[data-theme="obsidian"] .re-page.re-suite .re-lease-no > span:first-child,
html[data-theme="obsidian"] .re-page.re-suite .re-lease-row b { color: #e8f0f4 !important; }
html[data-theme="dark"] .re-page.re-suite .re-lease-term,
html[data-theme="obsidian"] .re-page.re-suite .re-lease-term {
  background: #121820 !important;
  border-color: #2a3a4a !important;
  color: #e8f0f4 !important;
}
html[data-theme="dark"] .re-sheet-tabs--chrome,
html[data-theme="obsidian"] .re-sheet-tabs--chrome {
  background: #121820 !important;
  border-bottom-color: #2a3a4a !important;
}
html[data-theme="dark"] .re-sheet-panels.is-tabbed .re-modal-section,
html[data-theme="obsidian"] .re-sheet-panels.is-tabbed .re-modal-section {
  background: #1a2330 !important;
  border-color: #2a3a4a !important;
}
@media (max-width: 900px) {
  .re-page.re-suite .re-kanban,
  .re-page.re-suite .re-kanban--two { grid-template-columns: 1fr !important; }
}

.re-page.re-suite .re-lease-term .arrow::before {
  content: "\2192" !important;
  color: #9a7b4f !important;
  font-weight: 900 !important;
  font-size: .95rem !important;
}
.re-page.re-suite .re-lease-term .arrow { font-size: 0 !important; }
/* === /RE Leases Prestige v87 === */

/* === RE Leases Prestige v87b (base-selector safety) === */
.re-page.re-suite .re-lease-card {
  background: #fff !important;
  border: 1px solid #d7e0ea !important;
  border-radius: 14px !important;
  padding: .85rem .9rem !important;
  box-shadow: 0 8px 22px rgba(12,27,42,.05) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: .45rem !important;
}
.re-page.re-suite .re-kanban-col.draft .re-lease-card { border-inline-start: 3px solid #64748b !important; }
.re-page.re-suite .re-kanban-col.active .re-lease-card { border-inline-start: 3px solid #0e4d6b !important; }
.re-page.re-suite .re-kanban-col.finished .re-lease-card { border-inline-start: 3px solid #9a7b4f !important; }
.re-sheet .re-sheet-tabs {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .35rem !important;
  padding: .65rem 1rem !important;
  background: #f0f4f8 !important;
  border-bottom: 1px solid #d7e0ea !important;
}
.re-sheet .re-sheet-tabs .re-sheet-tab {
  border: 1px solid transparent !important;
  background: transparent !important;
  border-radius: 999px !important;
  padding: .4rem .9rem !important;
  font-size: .8rem !important;
  font-weight: 750 !important;
  color: #5a6b7d !important;
  border-bottom: 0 !important;
}
.re-sheet .re-sheet-tabs .re-sheet-tab.is-on {
  background: linear-gradient(135deg, #0e4d6b, #163a4f) !important;
  color: #fff !important;
  border-color: #0e4d6b !important;
  box-shadow: 0 6px 14px rgba(14,77,107,.25) !important;
}
.re-sheet .re-sheet-panels {
  display: block !important;
  max-width: 42rem !important;
  margin: 0 auto !important;
}
.re-sheet .re-sheet-panels .re-modal-section {
  background: #fff !important;
  border: 1px solid #d7e0ea !important;
  border-radius: 14px !important;
  padding: 1rem 1.1rem !important;
  box-shadow: 0 8px 20px rgba(12,27,42,.04) !important;
}
.re-sheet .re-sheet-panels .re-modal-section h4 {
  margin: 0 0 .85rem !important;
  padding: .35rem .75rem !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: .35rem !important;
  border-radius: 8px !important;
  background: linear-gradient(135deg, #0e4d6b, #1a5a75) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: .8rem !important;
  font-weight: 800 !important;
  border: 0 !important;
  width: auto !important;
}
/* Hide legacy All tab if any localization still renders it */
.re-sheet .re-sheet-tabs .re-sheet-tab[data-all],
.re-sheet .re-sheet-tabs .re-sheet-tab.is-all { display: none !important; }
/* === /RE Leases Prestige v87b === */
/* === RE Leases Atelier v89 === */
.re-page.re-suite .re-leases-stage {
  padding: .35rem .15rem 1rem !important;
  background:
    radial-gradient(1200px 420px at 100% 0%, rgba(154,123,79,.08), transparent 55%),
    radial-gradient(900px 380px at 0% 100%, rgba(14,77,107,.07), transparent 50%),
    linear-gradient(180deg, #f3f6f9 0%, #eef2f6 100%) !important;
  border-radius: 18px !important;
}

.re-page.re-suite .re-erp-filters.re-filter-row {
  background: linear-gradient(165deg, rgba(255,255,255,.96), rgba(245,248,251,.92)) !important;
  border: 1px solid rgba(215,224,234,.95) !important;
  border-radius: 18px !important;
  box-shadow: 0 14px 34px rgba(12,27,42,.07) !important;
  backdrop-filter: blur(8px) !important;
  gap: .65rem !important;
  align-items: end !important;
}
.re-page.re-suite .re-erp-filters .field-input,
.re-page.re-suite .re-erp-filters input.field-input {
  border-radius: 12px !important;
  border-color: #d0dae5 !important;
  min-height: 2.45rem !important;
  background: #fff !important;
}

.re-page.re-suite .re-kanban,
.re-page.re-suite .re-kanban--two {
  gap: 1.05rem !important;
}
.re-page.re-suite .re-kanban-col {
  background: linear-gradient(180deg, #ffffff, #f7f9fb) !important;
  border: 1px solid #d5dee8 !important;
  border-radius: 20px !important;
  box-shadow: 0 16px 36px rgba(12,27,42,.07) !important;
  min-height: 20rem !important;
  overflow: hidden !important;
}
.re-page.re-suite .re-kanban-head,
.re-page.re-suite .re-kanban-head--lux {
  padding: .9rem 1.05rem !important;
  letter-spacing: .02em !important;
  font-size: .92rem !important;
  position: relative !important;
}
.re-page.re-suite .re-kanban-head::after {
  content: "" !important;
  position: absolute !important;
  inset-inline: 0 !important;
  bottom: 0 !important;
  height: 2px !important;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.45), transparent) !important;
}
.re-page.re-suite .re-kanban-col.draft .re-kanban-head {
  background: linear-gradient(135deg, #5b6b7c, #3f4d5c) !important;
}
.re-page.re-suite .re-kanban-col.active .re-kanban-head {
  background: linear-gradient(135deg, #0c4662, #156a8a 55%, #1a7a7a) !important;
}
.re-page.re-suite .re-kanban-col.finished .re-kanban-head {
  background: linear-gradient(135deg, #a88652, #7d6238) !important;
}
.re-page.re-suite .re-kanban-head b {
  min-width: 2rem !important;
  height: 2rem !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.22) !important;
  border: 1px solid rgba(255,255,255,.28) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.25) !important;
}
.re-page.re-suite .re-kanban-body { padding: .85rem !important; gap: .8rem !important; }
.re-page.re-suite .re-kanban-empty {
  padding: 2.4rem 1rem !important;
  border-radius: 14px !important;
  border: 1px dashed #cfd9e4 !important;
  background: rgba(255,255,255,.55) !important;
  color: #7a8b9c !important;
  font-weight: 700 !important;
}

.re-page.re-suite .re-lease-card {
  position: relative !important;
  border-radius: 16px !important;
  padding: 1rem 1rem .9rem !important;
  border: 1px solid #d7e0ea !important;
  background:
    linear-gradient(180deg, #fff 0%, #fbfcfe 100%) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.8) inset,
    0 12px 28px rgba(12,27,42,.07) !important;
  gap: .55rem !important;
  overflow: hidden !important;
}
.re-page.re-suite .re-lease-card::before {
  content: "" !important;
  position: absolute !important;
  inset-block: 0 !important;
  inset-inline-start: 0 !important;
  width: 4px !important;
  background: linear-gradient(180deg, #0e4d6b, #9a7b4f) !important;
}
.re-page.re-suite .re-kanban-col.draft .re-lease-card::before { background: linear-gradient(180deg, #64748b, #94a3b8) !important; }
.re-page.re-suite .re-kanban-col.active .re-lease-card::before { background: linear-gradient(180deg, #0e4d6b, #1a8a9a) !important; }
.re-page.re-suite .re-kanban-col.finished .re-lease-card::before { background: linear-gradient(180deg, #9a7b4f, #c4a574) !important; }
.re-page.re-suite .re-lease-card:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 18px 36px rgba(12,27,42,.12) !important;
  border-color: #c5d2df !important;
}
.re-page.re-suite .re-lease-no > span:first-child {
  font-size: 1rem !important;
  font-weight: 850 !important;
  color: #0b1c2a !important;
}
.re-page.re-suite .re-badge {
  border: 1px solid transparent !important;
  box-shadow: 0 4px 10px rgba(12,27,42,.06) !important;
}
.re-page.re-suite .re-badge.active {
  background: linear-gradient(135deg, #e7f5fb, #d9eef7) !important;
  color: #0b4d68 !important;
  border-color: #b7dceb !important;
}
.re-page.re-suite .re-badge.draft {
  background: #eef2f6 !important;
  color: #475569 !important;
  border-color: #d5dde6 !important;
}
.re-page.re-suite .re-badge.finished {
  background: linear-gradient(135deg, #f7efe3, #f0e4d2) !important;
  color: #745028 !important;
  border-color: #e4d3b6 !important;
}
.re-page.re-suite .re-lease-kind {
  background: linear-gradient(135deg, #f3f7fa, #eaf1f6) !important;
  border: 1px solid #dde6ee !important;
  border-radius: 999px !important;
  padding: .22rem .7rem !important;
  color: #355066 !important;
}
.re-page.re-suite .re-lease-term {
  background: linear-gradient(135deg, #f6f8fb, #eef3f7) !important;
  border: 1px solid #e1e8ef !important;
  border-radius: 12px !important;
  padding: .5rem .7rem !important;
  font-weight: 800 !important;
}
.re-page.re-suite .re-lease-progress {
  height: 7px !important;
  background: #e5edf3 !important;
  border-radius: 99px !important;
}
.re-page.re-suite .re-lease-progress i {
  background: linear-gradient(90deg, #0e4d6b, #1a8a9a 55%, #9a7b4f) !important;
}
.re-page.re-suite .re-lease-actions .btn-sm {
  border-radius: 10px !important;
  font-weight: 750 !important;
  min-height: 2rem !important;
}
.re-page.re-suite .re-holding-chip {
  background: linear-gradient(135deg, #f7efe3, #efe4d3) !important;
  border: 1px solid #e3d3ba !important;
  color: #745028 !important;
}

/* ---- Lease modal atelier ---- */
.re-modal-backdrop {
  background: rgba(8, 18, 28, .55) !important;
  backdrop-filter: blur(10px) saturate(1.1) !important;
  -webkit-backdrop-filter: blur(10px) saturate(1.1) !important;
}
.re-sheet.re-sheet--atelier,
.re-modal.re-sheet {
  border: 1px solid rgba(255,255,255,.18) !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  box-shadow:
    0 30px 80px rgba(0,0,0,.35),
    0 0 0 1px rgba(154,123,79,.18) !important;
  max-width: min(980px, 96vw) !important;
  width: min(980px, 96vw) !important;
}
.re-sheet.re-sheet--atelier .re-modal-header,
.re-sheet .re-modal-header--lux {
  background:
    linear-gradient(135deg, #0a3348 0%, #0e4d6b 48%, #163a4f 100%) !important;
  padding: 1.05rem 1.25rem !important;
  border-bottom: 1px solid rgba(154,123,79,.28) !important;
  position: relative !important;
}
.re-sheet.re-sheet--atelier .re-modal-header::after {
  content: "" !important;
  position: absolute !important;
  inset-inline: 0 !important;
  bottom: 0 !important;
  height: 2px !important;
  background: linear-gradient(90deg, transparent, #c4a574, transparent) !important;
}
.re-sheet.re-sheet--atelier .re-modal-header h3,
.re-sheet .re-modal-header--lux h3 {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: 1.25rem !important;
  font-weight: 850 !important;
  letter-spacing: .01em !important;
  margin: 0 !important;
}
.re-sheet.re-sheet--atelier .re-modal-header small,
.re-sheet .re-modal-header--lux small {
  color: rgba(232,240,244,.78) !important;
  font-weight: 650 !important;
}
.re-sheet.re-sheet--atelier .re-erp-chrome-btn {
  border-radius: 12px !important;
  font-weight: 800 !important;
  min-height: 2.4rem !important;
  padding: .45rem 1.1rem !important;
  background: linear-gradient(135deg, #b8955f, #9a7b4f) !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: 0 8px 18px rgba(154,123,79,.35) !important;
}
.re-sheet.re-sheet--atelier .re-erp-chrome-btn.ghost {
  background: rgba(255,255,255,.1) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.35) !important;
  box-shadow: none !important;
}

.re-sheet.re-sheet--atelier .re-sheet-tabs,
.re-sheet .re-sheet-tabs {
  background: linear-gradient(180deg, #eef3f7, #e7eef4) !important;
  padding: .75rem 1rem !important;
  gap: .45rem !important;
  border-bottom: 1px solid #d5dee8 !important;
}
.re-sheet.re-sheet--atelier .re-sheet-tab,
.re-sheet .re-sheet-tabs .re-sheet-tab {
  border-radius: 999px !important;
  padding: .48rem 1.05rem !important;
  font-weight: 800 !important;
  color: #4b5f71 !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  transition: .15s ease !important;
}
.re-sheet.re-sheet--atelier .re-sheet-tab:hover {
  background: rgba(255,255,255,.65) !important;
  border-color: #d0dae5 !important;
}
.re-sheet.re-sheet--atelier .re-sheet-tab.is-on,
.re-sheet .re-sheet-tabs .re-sheet-tab.is-on {
  background: linear-gradient(135deg, #0e4d6b, #163a4f) !important;
  color: #fff !important;
  border-color: #0e4d6b !important;
  box-shadow: 0 8px 18px rgba(14,77,107,.28) !important;
}

.re-sheet.re-sheet--atelier .re-modal-body {
  background:
    radial-gradient(800px 280px at 100% 0%, rgba(154,123,79,.07), transparent 55%),
    linear-gradient(180deg, #f2f5f8, #e9eef3) !important;
  padding: 1.1rem 1.2rem 1.35rem !important;
}
.re-sheet.re-sheet--atelier .re-sheet-panels,
.re-sheet .re-sheet-panels {
  max-width: none !important;
  margin: 0 !important;
}
.re-sheet.re-sheet--atelier .re-sheet-pane,
.re-sheet.re-sheet--atelier .re-modal-section {
  background: #fff !important;
  border: 1px solid #d7e0ea !important;
  border-radius: 18px !important;
  padding: 1.15rem 1.2rem 1.25rem !important;
  box-shadow: 0 14px 32px rgba(12,27,42,.06) !important;
}
.re-sheet.re-sheet--atelier .re-sheet-pane-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .5rem !important;
  margin: 0 0 1rem !important;
  padding: .55rem .85rem !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, #0e4d6b, #1a5f7a) !important;
  box-shadow: 0 8px 18px rgba(14,77,107,.22) !important;
}
.re-sheet.re-sheet--atelier .re-sheet-pane-head h4,
.re-sheet.re-sheet--atelier .re-modal-section h4 {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: .88rem !important;
  font-weight: 850 !important;
  width: auto !important;
  border: 0 !important;
  display: inline-flex !important;
}
.re-sheet.re-sheet--atelier .re-sheet-pane-head * {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

.re-sheet.re-sheet--atelier .re-sheet-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: .85rem 1rem !important;
  align-items: start !important;
}
.re-sheet.re-sheet--atelier .re-sheet-grid--2 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.re-sheet.re-sheet--atelier .re-field-pair--dates {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: .85rem 1rem !important;
}
.re-sheet.re-sheet--atelier .re-field-wide { grid-column: 1 / -1 !important; }
.re-sheet.re-sheet--atelier .re-field label {
  display: block !important;
  margin: 0 0 .35rem !important;
  font-size: .72rem !important;
  font-weight: 800 !important;
  color: #5a6b7d !important;
  letter-spacing: .02em !important;
}
.re-sheet.re-sheet--atelier .re-field .field-input,
.re-sheet.re-sheet--atelier .re-field input,
.re-sheet.re-sheet--atelier .re-field select,
.re-sheet.re-sheet--atelier .re-field textarea {
  width: 100% !important;
  border-radius: 12px !important;
  border: 1px solid #d0dae5 !important;
  min-height: 2.55rem !important;
  background: #fbfcfd !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.8) !important;
  transition: border-color .15s ease, box-shadow .15s ease !important;
}
.re-sheet.re-sheet--atelier .re-field .field-input:focus,
.re-sheet.re-sheet--atelier .re-field input:focus,
.re-sheet.re-sheet--atelier .re-field select:focus,
.re-sheet.re-sheet--atelier .re-field textarea:focus {
  border-color: #0e4d6b !important;
  box-shadow: 0 0 0 3px rgba(14,77,107,.15) !important;
  background: #fff !important;
  outline: none !important;
}
.re-sheet.re-sheet--atelier .re-field small a {
  color: #0e4d6b !important;
  font-weight: 750 !important;
  text-decoration: none !important;
}
.re-sheet.re-sheet--atelier .re-sheet-metrics {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: .75rem !important;
  margin-top: 1rem !important;
}
.re-sheet.re-sheet--atelier .re-readout {
  display: flex !important;
  flex-direction: column !important;
  gap: .25rem !important;
  padding: .85rem 1rem !important;
  border-radius: 14px !important;
  background: linear-gradient(165deg, #f4f8fb, #eaf1f6) !important;
  border: 1px solid #d7e3ec !important;
  box-shadow: 0 8px 18px rgba(12,27,42,.04) !important;
}
.re-sheet.re-sheet--atelier .re-readout span {
  font-size: .72rem !important;
  font-weight: 750 !important;
  color: #6a7c8d !important;
}
.re-sheet.re-sheet--atelier .re-readout b {
  font-size: 1.05rem !important;
  font-weight: 850 !important;
  color: #0c1b2a !important;
  font-variant-numeric: tabular-nums !important;
}
.re-sheet.re-sheet--atelier .re-readout.neg b { color: #b42318 !important; }
.re-sheet.re-sheet--atelier .re-readout.pos b,
.re-sheet.re-sheet--atelier .re-readout.total b { color: #0e4d6b !important; }

.re-sheet.re-sheet--atelier .re-dropzone {
  display: grid !important;
  place-items: center !important;
  gap: .35rem !important;
  min-height: 8.5rem !important;
  padding: 1.25rem !important;
  border-radius: 16px !important;
  border: 1.5px dashed #9eb6c8 !important;
  background:
    linear-gradient(180deg, rgba(14,77,107,.04), rgba(154,123,79,.05)),
    #f7fafc !important;
  text-align: center !important;
  cursor: pointer !important;
  transition: .15s ease !important;
}
.re-sheet.re-sheet--atelier .re-dropzone:hover {
  border-color: #0e4d6b !important;
  background: #f0f7fb !important;
  box-shadow: 0 10px 24px rgba(14,77,107,.1) !important;
}
.re-sheet.re-sheet--atelier .re-dropzone-title {
  font-weight: 850 !important;
  color: #0e4d6b !important;
}
.re-sheet.re-sheet--atelier .re-dropzone-hint {
  font-size: .75rem !important;
  color: #7a8b9c !important;
  font-weight: 650 !important;
}
.re-sheet.re-sheet--atelier .re-attach-list {
  list-style: none !important;
  margin: .75rem 0 0 !important;
  padding: 0 !important;
  display: grid !important;
  gap: .45rem !important;
}
.re-sheet.re-sheet--atelier .re-attach-list li {
  display: flex !important;
  align-items: center !important;
  gap: .65rem !important;
  padding: .65rem .8rem !important;
  border-radius: 12px !important;
  background: #f7fafc !important;
  border: 1px solid #e1e8ef !important;
}

@media (max-width: 900px) {
  .re-sheet.re-sheet--atelier .re-sheet-grid,
  .re-sheet.re-sheet--atelier .re-sheet-grid--2,
  .re-sheet.re-sheet--atelier .re-field-pair--dates,
  .re-sheet.re-sheet--atelier .re-sheet-metrics {
    grid-template-columns: 1fr !important;
  }
}

html[data-theme="dark"] .re-page.re-suite .re-leases-stage,
html[data-theme="obsidian"] .re-page.re-suite .re-leases-stage {
  background:
    radial-gradient(1000px 400px at 100% 0%, rgba(154,123,79,.12), transparent 55%),
    linear-gradient(180deg, #121820, #0e141b) !important;
}
html[data-theme="dark"] .re-page.re-suite .re-kanban-col,
html[data-theme="obsidian"] .re-page.re-suite .re-kanban-col,
html[data-theme="dark"] .re-page.re-suite .re-lease-card,
html[data-theme="obsidian"] .re-page.re-suite .re-lease-card,
html[data-theme="dark"] .re-sheet.re-sheet--atelier .re-sheet-pane,
html[data-theme="obsidian"] .re-sheet.re-sheet--atelier .re-sheet-pane {
  background: #1a2330 !important;
  border-color: #2a3a4a !important;
}
html[data-theme="dark"] .re-sheet.re-sheet--atelier .re-modal-body,
html[data-theme="obsidian"] .re-sheet.re-sheet--atelier .re-modal-body {
  background: linear-gradient(180deg, #121820, #0e141b) !important;
}
html[data-theme="dark"] .re-sheet.re-sheet--atelier .re-field .field-input,
html[data-theme="obsidian"] .re-sheet.re-sheet--atelier .re-field .field-input,
html[data-theme="dark"] .re-sheet.re-sheet--atelier .re-field input,
html[data-theme="obsidian"] .re-sheet.re-sheet--atelier .re-field input,
html[data-theme="dark"] .re-sheet.re-sheet--atelier .re-field select,
html[data-theme="obsidian"] .re-sheet.re-sheet--atelier .re-field select,
html[data-theme="dark"] .re-sheet.re-sheet--atelier .re-field textarea,
html[data-theme="obsidian"] .re-sheet.re-sheet--atelier .re-field textarea {
  background: #121820 !important;
  border-color: #2a3a4a !important;
  color: #e8f0f4 !important;
}
html[data-theme="dark"] .re-sheet.re-sheet--atelier .re-readout,
html[data-theme="obsidian"] .re-sheet.re-sheet--atelier .re-readout {
  background: #121820 !important;
  border-color: #2a3a4a !important;
}
html[data-theme="dark"] .re-sheet.re-sheet--atelier .re-readout b,
html[data-theme="obsidian"] .re-sheet.re-sheet--atelier .re-readout b { color: #e8f0f4 !important; }
/* === /RE Leases Atelier v89 === */
/* === RE Leases Punch v90 — unmistakable redesign === */
.re-sheet.re-sheet--v90 {
  width: min(920px, 94vw) !important;
  max-width: min(920px, 94vw) !important;
  max-height: min(92vh, 860px) !important;
  display: flex !important;
  flex-direction: column !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 40px 100px rgba(0,0,0,.42), 0 0 0 1px rgba(196,165,116,.35) !important;
}
.re-sheet.re-sheet--v90 .re-modal-header {
  flex: 0 0 auto !important;
  padding: .95rem 1.2rem !important;
  background: linear-gradient(120deg, #062636 0%, #0e4d6b 45%, #0a3a4f 100%) !important;
}
.re-sheet.re-sheet--v90 .re-modal-header h3 {
  font-size: 1.35rem !important;
  font-weight: 900 !important;
}
.re-sheet.re-sheet--v90 .re-sheet-tabs {
  flex: 0 0 auto !important;
  justify-content: flex-start !important;
  padding: .55rem .9rem !important;
  background: #0e4d6b !important;
  border-bottom: 0 !important;
  gap: .3rem !important;
}
.re-sheet.re-sheet--v90 .re-sheet-tab {
  color: rgba(255,255,255,.72) !important;
  border-radius: 10px !important;
  padding: .42rem .85rem !important;
  font-size: .78rem !important;
  font-weight: 800 !important;
  background: transparent !important;
  border: 0 !important;
}
.re-sheet.re-sheet--v90 .re-sheet-tab:hover {
  background: rgba(255,255,255,.1) !important;
  color: #fff !important;
  border-color: transparent !important;
}
.re-sheet.re-sheet--v90 .re-sheet-tab.is-on {
  background: linear-gradient(135deg, #c4a574, #9a7b4f) !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: 0 6px 14px rgba(0,0,0,.25) !important;
}
.re-sheet.re-sheet--v90 .re-modal-body {
  flex: 1 1 auto !important;
  overflow: auto !important;
  padding: .85rem 1rem 1rem !important;
  background: #e8eef3 !important;
}
.re-sheet.re-sheet--v90 .re-sheet-panels {
  max-width: none !important;
  margin: 0 !important;
  height: auto !important;
}
.re-sheet.re-sheet--v90 .re-sheet-pane,
.re-sheet.re-sheet--v90 .re-modal-section {
  margin: 0 !important;
  padding: .9rem 1rem !important;
  border-radius: 14px !important;
  border: 1px solid #cfd9e4 !important;
  background: #fff !important;
  box-shadow: 0 10px 24px rgba(12,27,42,.06) !important;
  min-height: 0 !important;
}
.re-sheet.re-sheet--v90 .re-sheet-pane-head { display: none !important; }
.re-sheet.re-sheet--v90 .re-sheet-hintbar {
  display: flex !important;
  justify-content: flex-end !important;
  margin: 0 0 .65rem !important;
}

/* CRITICAL: kill tiny max-width fields that caused the mess */
.re-sheet.re-sheet--v90 .re-field .field-input,
.re-sheet.re-sheet--v90 .re-field input.field-input,
.re-sheet.re-sheet--v90 .re-field select.field-input,
.re-sheet.re-sheet--v90 .re-field textarea.field-input,
.re-sheet.re-sheet--v90 .re-field input,
.re-sheet.re-sheet--v90 .re-field select,
.re-sheet.re-sheet--v90 .re-field textarea,
.re-sheet.re-sheet--v90 .re-field .searchable-select,
.re-sheet.re-sheet--v90 .re-field .searchable-select-trigger,
.re-sheet.re-sheet--v90 .re-sheet-panels.is-tabbed .re-field .field-input,
.re-sheet.re-sheet--v90 .re-sheet-panels.is-tabbed .re-field select.field-input {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  border-radius: 10px !important;
  min-height: 2.6rem !important;
  height: auto !important;
  box-sizing: border-box !important;
}
.re-sheet.re-sheet--v90 .re-field input[type="date"].field-input,
.re-sheet.re-sheet--v90 .re-field input[type="number"].field-input {
  max-width: none !important;
  width: 100% !important;
}

.re-sheet.re-sheet--v90 .re-sheet-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: .75rem .85rem !important;
}
.re-sheet.re-sheet--v90 .re-sheet-grid--2 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.re-sheet.re-sheet--v90 .re-field {
  margin: 0 !important;
  padding: .55rem .65rem .65rem !important;
  border-radius: 12px !important;
  background: #f5f8fb !important;
  border: 1px solid #e2e9f0 !important;
}
.re-sheet.re-sheet--v90 .re-field label {
  margin: 0 0 .4rem !important;
  font-size: .7rem !important;
  font-weight: 850 !important;
  color: #3d5163 !important;
  text-align: start !important;
}
.re-sheet.re-sheet--v90 .re-field .field-input,
.re-sheet.re-sheet--v90 .re-field input,
.re-sheet.re-sheet--v90 .re-field select,
.re-sheet.re-sheet--v90 .re-field textarea,
.re-sheet.re-sheet--v90 .re-field .searchable-select-trigger {
  background: #fff !important;
  border: 1px solid #c8d4e0 !important;
}
.re-sheet.re-sheet--v90 .re-field-pair--dates {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: .75rem .85rem !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}
.re-sheet.re-sheet--v90 .re-field-wide {
  grid-column: 1 / -1 !important;
  background: #f5f8fb !important;
}

.re-sheet.re-sheet--v90 .re-sheet-metrics {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: .75rem !important;
  margin-top: .85rem !important;
}
.re-sheet.re-sheet--v90 .re-readout {
  padding: .9rem 1rem !important;
  border-radius: 12px !important;
  background: linear-gradient(145deg, #0e4d6b, #163a4f) !important;
  border: 0 !important;
  color: #fff !important;
}
.re-sheet.re-sheet--v90 .re-readout span {
  color: rgba(255,255,255,.75) !important;
  font-size: .72rem !important;
}
.re-sheet.re-sheet--v90 .re-readout b {
  color: #fff !important;
  font-size: 1.15rem !important;
}
.re-sheet.re-sheet--v90 .re-readout.neg {
  background: linear-gradient(145deg, #7a2e2e, #5c1f1f) !important;
}
.re-sheet.re-sheet--v90 .re-readout.pos,
.re-sheet.re-sheet--v90 .re-readout.total {
  background: linear-gradient(145deg, #9a7b4f, #7a5f3a) !important;
}

.re-sheet.re-sheet--v90 .re-erp-chrome-btn {
  background: linear-gradient(135deg, #d4b483, #b8955f) !important;
  color: #1a1208 !important;
  font-weight: 900 !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.28) !important;
}
.re-sheet.re-sheet--v90 .re-erp-chrome-btn.ghost {
  background: rgba(255,255,255,.12) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.4) !important;
  box-shadow: none !important;
}

.re-sheet.re-sheet--v90 .re-dropzone {
  min-height: 7.5rem !important;
  border-radius: 14px !important;
  border: 2px dashed #9a7b4f !important;
  background: linear-gradient(180deg, #fffaf2, #f5efe6) !important;
}

/* Board punch */
.re-leases-page .re-leases-stage {
  padding: .5rem !important;
  border-radius: 20px !important;
  background:
    linear-gradient(145deg, rgba(14,77,107,.09), transparent 40%),
    linear-gradient(320deg, rgba(154,123,79,.1), transparent 42%),
    #e7edf3 !important;
  border: 1px solid #d3dde7 !important;
}
.re-leases-page .re-kanban-col {
  border-radius: 18px !important;
  border: 0 !important;
  box-shadow: 0 18px 40px rgba(12,27,42,.1) !important;
  background: #fff !important;
}
.re-leases-page .re-kanban-head {
  font-size: 1rem !important;
  padding: 1rem 1.1rem !important;
}
.re-leases-page .re-lease-card {
  border-radius: 14px !important;
  border: 1px solid #d5dee8 !important;
  box-shadow: 0 10px 26px rgba(12,27,42,.08) !important;
}
.re-leases-page .re-erp-filters.re-filter-row {
  border-radius: 16px !important;
  border: 1px solid #cfd9e4 !important;
  box-shadow: 0 12px 28px rgba(12,27,42,.08) !important;
  background: #fff !important;
}

@media (max-width: 820px) {
  .re-sheet.re-sheet--v90 .re-sheet-grid,
  .re-sheet.re-sheet--v90 .re-sheet-grid--2,
  .re-sheet.re-sheet--v90 .re-field-pair--dates,
  .re-sheet.re-sheet--v90 .re-sheet-metrics { grid-template-columns: 1fr !important; }
}
/* === /RE Leases Punch v90 === */
/* === RE Leases Field Fix v91 — full-width fields, no truncation === */
.re-sheet.re-sheet--v90 .re-modal-body,
.re-sheet.re-sheet--v90 .re-sheet-panels,
.re-sheet.re-sheet--v90 .re-sheet-pane,
.re-sheet.re-sheet--v90 .re-modal-section,
.re-sheet.re-sheet--v90 .re-sheet-grid,
.re-sheet.re-sheet--v90 .re-field,
.re-sheet.re-sheet--v90 .re-field .searchable-select-wrap,
.re-sheet.re-sheet--v90 .re-field .searchable-select-trigger,
.re-sheet.re-sheet--v90 .re-field .field-input,
.re-sheet.re-sheet--v90 .re-field input,
.re-sheet.re-sheet--v90 .re-field select,
.re-sheet.re-sheet--v90 .re-field textarea,
.re-sheet.re-sheet--v90 .re-field-pair,
.re-sheet.re-sheet--v90 .re-field-pair--dates {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}
.re-sheet.re-sheet--v90 .re-sheet-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: .85rem 1rem !important;
  justify-items: stretch !important;
  align-items: stretch !important;
}
.re-sheet.re-sheet--v90 .re-sheet-grid--2 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.re-sheet.re-sheet--v90 .re-field {
  display: flex !important;
  flex-direction: column !important;
  gap: .35rem !important;
  padding: .7rem .8rem !important;
  background: #f3f7fa !important;
  border: 1px solid #d5dee8 !important;
  border-radius: 12px !important;
}
.re-sheet.re-sheet--v90 .re-field .field-input,
.re-sheet.re-sheet--v90 .re-field input.field-input,
.re-sheet.re-sheet--v90 .re-field select.field-input,
.re-sheet.re-sheet--v90 .re-field button.searchable-select-trigger,
.re-sheet.re-sheet--v90 .re-field .searchable-select-trigger.field-input {
  flex: 1 1 auto !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 2.75rem !important;
  height: 2.75rem !important;
  font-size: .92rem !important;
  border-radius: 10px !important;
  padding-inline: .75rem !important;
}
.re-sheet.re-sheet--v90 .re-field .searchable-select-text {
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  font-size: .92rem !important;
}
.re-sheet.re-sheet--v90 .re-field-pair--dates {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: .85rem 1rem !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
}
.re-sheet.re-sheet--v90 .re-field-wide { grid-column: 1 / -1 !important; }
.re-sheet.re-sheet--v90 {
  width: min(960px, 96vw) !important;
  max-width: min(960px, 96vw) !important;
}
.re-sheet.re-sheet--v90 .re-modal-body {
  padding: 1rem 1.15rem 1.2rem !important;
}
.re-sheet.re-sheet--v90 .re-sheet-pane,
.re-sheet.re-sheet--v90 .re-modal-section {
  padding: 1rem !important;
}

/* Board: denser cards, clearer luxury */
.re-leases-page .re-kanban {
  gap: 1.1rem !important;
}
.re-leases-page .re-kanban-col {
  min-height: 22rem !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  box-shadow: 0 20px 44px rgba(12,27,42,.12) !important;
}
.re-leases-page .re-lease-card {
  padding: 1.05rem !important;
  border-radius: 16px !important;
  box-shadow: 0 12px 28px rgba(12,27,42,.1) !important;
}
.re-leases-page .re-lease-no > span:first-child {
  font-size: 1.05rem !important;
  font-weight: 900 !important;
}
.re-leases-page .re-erp-filters.re-filter-row {
  display: grid !important;
  grid-template-columns: auto auto minmax(12rem, 1.4fr) auto auto !important;
  align-items: end !important;
  gap: .75rem !important;
  padding: .9rem 1.1rem !important;
}
@media (max-width: 900px) {
  .re-sheet.re-sheet--v90 .re-sheet-grid,
  .re-sheet.re-sheet--v90 .re-field-pair--dates,
  .re-leases-page .re-erp-filters.re-filter-row {
    grid-template-columns: 1fr !important;
  }
}
/* === /RE Leases Field Fix v91 === */
/* === RE Leases Grid Root Fix v92 === */
.re-sheet .re-sheet-panels.is-tabbed {
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
}
.re-sheet .re-sheet-panels.is-tabbed .re-modal-section:has(.re-sheet-grid),
.re-sheet .re-sheet-pane:has(.re-sheet-grid) {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  grid-template-columns: none !important;
}
.re-sheet .re-sheet-grid {
  display: grid !important;
  width: 100% !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: .85rem 1rem !important;
}
.re-sheet .re-sheet-grid .re-field,
.re-sheet .re-sheet-grid .re-field .searchable-select-wrap,
.re-sheet .re-sheet-grid .re-field .searchable-select-trigger,
.re-sheet .re-sheet-grid .re-field .field-input {
  width: 100% !important;
  max-width: none !important;
}
/* === /RE Leases Grid Root Fix v92 === */
/* === RE Leases Lux+Attach v93 === */
/* Metric tiles: ALWAYS light text on dark fills (fix contrast bug) */
.re-sheet .re-sheet-metrics .re-readout,
.re-sheet.re-sheet--v90 .re-readout,
.re-sheet.re-sheet--atelier .re-readout {
  background: linear-gradient(145deg, #0e4d6b, #163a4f) !important;
  border: 0 !important;
  color: #fff !important;
}
.re-sheet .re-sheet-metrics .re-readout span,
.re-sheet .re-sheet-metrics .re-readout b,
.re-sheet.re-sheet--v90 .re-readout span,
.re-sheet.re-sheet--v90 .re-readout b,
.re-sheet.re-sheet--atelier .re-readout span,
.re-sheet.re-sheet--atelier .re-readout b,
.re-sheet.re-sheet--v90 .re-readout.neg b,
.re-sheet.re-sheet--v90 .re-readout.pos b,
.re-sheet.re-sheet--v90 .re-readout.total b,
.re-sheet.re-sheet--atelier .re-readout.neg b,
.re-sheet.re-sheet--atelier .re-readout.pos b,
.re-sheet.re-sheet--atelier .re-readout.total b {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
.re-sheet .re-sheet-metrics .re-readout.neg,
.re-sheet.re-sheet--v90 .re-readout.neg {
  background: linear-gradient(145deg, #8b3a3a, #6b2a2a) !important;
}
.re-sheet .re-sheet-metrics .re-readout.pos,
.re-sheet .re-sheet-metrics .re-readout.total,
.re-sheet.re-sheet--v90 .re-readout.pos,
.re-sheet.re-sheet--v90 .re-readout.total {
  background: linear-gradient(145deg, #9a7b4f, #7a5f3a) !important;
}
.re-sheet .re-sheet-tabs .re-sheet-tab {
  color: rgba(255,255,255,.92) !important;
}
.re-sheet .re-sheet-tabs .re-sheet-tab.is-on {
  color: #1a1208 !important;
  font-weight: 900 !important;
}

/* Board cards — higher luxury */
.re-leases-page .re-leases-stage {
  padding: .65rem !important;
  border-radius: 22px !important;
  background:
    radial-gradient(900px 320px at 100% 0%, rgba(154,123,79,.14), transparent 55%),
    radial-gradient(700px 280px at 0% 100%, rgba(14,77,107,.12), transparent 50%),
    linear-gradient(180deg, #e8eef4, #dde6ee) !important;
  border: 1px solid #c9d5e1 !important;
}
.re-leases-page .re-kanban-col {
  background: #fff !important;
  border-radius: 20px !important;
  box-shadow: 0 22px 48px rgba(12,27,42,.12) !important;
  border: 1px solid #d5dee8 !important;
  overflow: hidden !important;
}
.re-leases-page .re-kanban-head {
  padding: 1rem 1.15rem !important;
  font-size: 1.02rem !important;
  font-weight: 900 !important;
  letter-spacing: .02em !important;
}
.re-leases-page .re-lease-card {
  position: relative !important;
  padding: 1.1rem 1.1rem 1rem !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f7fafc 100%) !important;
  border: 1px solid #d3dde8 !important;
  box-shadow: 0 14px 32px rgba(12,27,42,.1) !important;
  gap: .55rem !important;
}
.re-leases-page .re-lease-card::before {
  content: "" !important;
  position: absolute !important;
  inset-block: 0 !important;
  inset-inline-start: 0 !important;
  width: 4px !important;
  background: linear-gradient(180deg, #0e4d6b, #9a7b4f) !important;
}
.re-leases-page .re-kanban-col.draft .re-lease-card::before { background: linear-gradient(180deg, #64748b, #94a3b8) !important; }
.re-leases-page .re-kanban-col.active .re-lease-card::before { background: linear-gradient(180deg, #0e4d6b, #1a8a9a) !important; }
.re-leases-page .re-kanban-col.finished .re-lease-card::before { background: linear-gradient(180deg, #9a7b4f, #c4a574) !important; }
.re-leases-page .re-lease-no > span:first-child {
  font-size: 1.08rem !important;
  font-weight: 900 !important;
  color: #0b1c2a !important;
}
.re-leases-page .re-lease-term {
  background: linear-gradient(135deg, #eef4f8, #e6eef4) !important;
  border-radius: 12px !important;
  font-weight: 800 !important;
  padding: .55rem .7rem !important;
}
.re-leases-page .re-lease-progress { height: 8px !important; border-radius: 99px !important; }
.re-leases-page .re-lease-progress i {
  background: linear-gradient(90deg, #0e4d6b, #1a8a9a, #9a7b4f) !important;
}
.re-leases-page .re-erp-filters.re-filter-row {
  background: #fff !important;
  border-radius: 18px !important;
  box-shadow: 0 14px 32px rgba(12,27,42,.08) !important;
  border: 1px solid #d0dae5 !important;
  padding: .95rem 1.15rem !important;
}

/* Attachments studio */
.re-sheet .re-attach-guide {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: .55rem !important;
  margin: 0 0 .85rem !important;
}
.re-sheet .re-attach-guide-item {
  display: flex !important;
  flex-direction: column !important;
  gap: .2rem !important;
  padding: .65rem .75rem !important;
  border-radius: 12px !important;
  background: linear-gradient(165deg, #f4f8fb, #eaf1f6) !important;
  border: 1px solid #d7e3ec !important;
}
.re-sheet .re-attach-guide-item b {
  font-size: .78rem !important;
  font-weight: 900 !important;
  color: #0e4d6b !important;
}
.re-sheet .re-attach-guide-item span {
  font-size: .68rem !important;
  color: #5a6b7d !important;
  font-weight: 650 !important;
  line-height: 1.35 !important;
}
.re-sheet .re-attach-panel--lux {
  max-width: none !important;
  width: 100% !important;
  display: grid !important;
  gap: .75rem !important;
  padding: .9rem !important;
  border-radius: 16px !important;
  border: 1px solid #d5dee8 !important;
  background: #f7fafc !important;
}
.re-sheet .re-attach-typebar {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: .4rem !important;
}
.re-sheet .re-attach-typebar-label {
  font-size: .72rem !important;
  font-weight: 850 !important;
  color: #3d5163 !important;
  margin-inline-end: .25rem !important;
}
.re-sheet .re-attach-type {
  border: 1px solid #cfd9e4 !important;
  background: #fff !important;
  color: #3d5163 !important;
  border-radius: 999px !important;
  padding: .35rem .8rem !important;
  font-size: .75rem !important;
  font-weight: 800 !important;
  cursor: pointer !important;
}
.re-sheet .re-attach-type.is-on {
  background: linear-gradient(135deg, #0e4d6b, #163a4f) !important;
  color: #fff !important;
  border-color: #0e4d6b !important;
}
.re-sheet .re-dropzone--lux {
  min-height: 7.5rem !important;
  border: 2px dashed #9a7b4f !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, #fffaf3, #f4ebe0) !important;
  display: grid !important;
  place-items: center !important;
  gap: .3rem !important;
  text-align: center !important;
  cursor: pointer !important;
}
.re-sheet .re-dropzone--lux:hover {
  border-color: #0e4d6b !important;
  box-shadow: 0 10px 24px rgba(14,77,107,.12) !important;
}
.re-sheet .re-attach-grid {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(11.5rem, 1fr)) !important;
  gap: .75rem !important;
}
.re-sheet .re-attach-card {
  display: grid !important;
  grid-template-rows: auto 1fr auto !important;
  gap: .45rem !important;
  padding: .55rem !important;
  border-radius: 14px !important;
  background: #fff !important;
  border: 1px solid #d7e0ea !important;
  box-shadow: 0 8px 18px rgba(12,27,42,.06) !important;
}
.re-sheet .re-attach-thumb {
  display: block !important;
  aspect-ratio: 4 / 3 !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  background: linear-gradient(145deg, #eef3f7, #e2ebf2) !important;
  border: 1px solid #d7e0ea !important;
  text-decoration: none !important;
}
.re-sheet .re-attach-thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  background: #f0f4f8 !important;
}
.re-sheet .re-attach-badge {
  display: grid !important;
  place-items: center !important;
  height: 100% !important;
  min-height: 5.5rem !important;
  font-size: .95rem !important;
  font-weight: 900 !important;
  color: #0e4d6b !important;
  letter-spacing: .04em !important;
}
.re-sheet .re-attach-card.kind-pdf .re-attach-badge { color: #8b2e2e !important; background: #f8ecec !important; }
.re-sheet .re-attach-card.kind-office .re-attach-badge { color: #1f5a3a !important; background: #e8f5ee !important; }
.re-sheet .re-attach-meta { min-width: 0 !important; }
.re-sheet .re-attach-name {
  display: block !important;
  font-size: .72rem !important;
  font-weight: 800 !important;
  color: #0c1b2a !important;
  text-decoration: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.re-sheet .re-attach-size {
  display: block !important;
  font-size: .65rem !important;
  color: #6a7c8d !important;
  font-weight: 650 !important;
}
.re-sheet .re-attach-del {
  border: 0 !important;
  background: #f8ecec !important;
  color: #8b2e2e !important;
  border-radius: 8px !important;
  padding: .35rem .5rem !important;
  font-size: .72rem !important;
  font-weight: 800 !important;
  cursor: pointer !important;
}
@media (max-width: 720px) {
  .re-sheet .re-attach-guide { grid-template-columns: 1fr !important; }
}
/* === /RE Leases Lux+Attach v93 === */
/* === RE Leases Atelier Board v94 — unmistakable redesign === */
.re-leases-page {
  --rl-ink: #0b1c2a;
  --rl-muted: #5a6b7d;
  --rl-line: #d5dee8;
  --rl-gold: #b8955f;
  --rl-gold-deep: #8a6a3a;
  --rl-navy: #0e4d6b;
  --rl-navy-deep: #0a3348;
}
.re-leases-page .re-leases-filters {
  display: grid !important;
  grid-template-columns: auto auto minmax(14rem, 1.6fr) auto auto !important;
  gap: .85rem 1rem !important;
  align-items: end !important;
  padding: 1rem 1.2rem !important;
  border-radius: 20px !important;
  background:
    linear-gradient(135deg, rgba(14,77,107,.06), transparent 42%),
    linear-gradient(180deg, #fff, #f5f8fb) !important;
  border: 1px solid var(--rl-line) !important;
  box-shadow: 0 18px 40px rgba(12,27,42,.08) !important;
}
.re-leases-page .re-leases-filters .field-input {
  min-height: 2.6rem !important;
  border-radius: 12px !important;
  border-color: #c8d4e0 !important;
  font-weight: 650 !important;
}
.re-leases-page .re-leases-stage {
  margin-top: .85rem !important;
  padding: 1rem !important;
  border-radius: 24px !important;
  border: 1px solid #c9d5e1 !important;
  background:
    radial-gradient(1000px 380px at 100% -10%, rgba(184,149,95,.18), transparent 55%),
    radial-gradient(800px 340px at -5% 110%, rgba(14,77,107,.14), transparent 50%),
    linear-gradient(165deg, #e7eef4 0%, #dce5ee 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.65) !important;
}
.re-leases-page .re-leases-board {
  gap: 1.15rem !important;
}
.re-leases-page .re-lane {
  background: rgba(255,255,255,.72) !important;
  backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(213,222,232,.95) !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  box-shadow: 0 24px 50px rgba(12,27,42,.12) !important;
  min-height: 24rem !important;
}
.re-leases-page .re-lane-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .75rem !important;
  padding: 1.05rem 1.15rem !important;
  color: #fff !important;
  position: relative !important;
}
.re-leases-page .re-lane-head::after {
  content: "" !important;
  position: absolute !important;
  inset-inline: 1.15rem !important;
  bottom: 0 !important;
  height: 2px !important;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.55), transparent) !important;
}
.re-leases-page .re-lane-head small {
  display: block !important;
  font-size: .62rem !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  opacity: .75 !important;
  font-weight: 800 !important;
  margin-bottom: .15rem !important;
}
.re-leases-page .re-lane-head span {
  font-size: 1.05rem !important;
  font-weight: 900 !important;
}
.re-leases-page .re-lane-head b {
  min-width: 2.25rem !important;
  height: 2.25rem !important;
  display: inline-grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.2) !important;
  border: 1px solid rgba(255,255,255,.35) !important;
  font-size: .95rem !important;
  font-weight: 900 !important;
}
.re-leases-page .re-lane.draft .re-lane-head {
  background: linear-gradient(135deg, #4b5563, #334155) !important;
}
.re-leases-page .re-lane.active .re-lane-head {
  background: linear-gradient(135deg, #0a3348 0%, #0e4d6b 50%, #146f7a 100%) !important;
}
.re-leases-page .re-lane.finished .re-lane-head {
  background: linear-gradient(135deg, #8a6a3a, #b8955f) !important;
}
.re-leases-page .re-kanban-body {
  padding: .9rem !important;
  display: grid !important;
  gap: .85rem !important;
}
.re-leases-page .re-kanban-empty {
  min-height: 8rem !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 16px !important;
  border: 1.5px dashed #c5d1de !important;
  background: rgba(255,255,255,.55) !important;
  color: #7a8b9c !important;
  font-weight: 750 !important;
}

/* NEW card anatomy */
.re-leases-page .rlc {
  display: grid !important;
  gap: .7rem !important;
  padding: 0 !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  background: #fff !important;
  border: 1px solid #d3dde8 !important;
  box-shadow: 0 16px 36px rgba(12,27,42,.1) !important;
  transition: transform .16s ease, box-shadow .16s ease !important;
}
.re-leases-page .rlc:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 22px 44px rgba(12,27,42,.15) !important;
}
.re-leases-page .rlc--draft { border-color: #c5ced8 !important; }
.re-leases-page .rlc--active { border-color: #b9d3e0 !important; }
.re-leases-page .rlc--done { border-color: #e2d3b8 !important; }

.re-leases-page .rlc-top {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: .6rem !important;
  padding: .85rem .95rem .55rem !important;
  cursor: pointer !important;
  background: linear-gradient(180deg, #f7fafc, #fff) !important;
}
.re-leases-page .rlc-id em {
  display: block !important;
  font-style: normal !important;
  font-size: .62rem !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  color: var(--rl-gold-deep) !important;
  font-weight: 800 !important;
}
.re-leases-page .rlc-id strong {
  display: block !important;
  font-size: 1.12rem !important;
  font-weight: 900 !important;
  color: var(--rl-ink) !important;
  letter-spacing: .02em !important;
  margin-top: .1rem !important;
}
.re-leases-page .rlc-status {
  flex: 0 0 auto !important;
  padding: .28rem .7rem !important;
  border-radius: 999px !important;
  font-size: .68rem !important;
  font-weight: 900 !important;
  border: 1px solid transparent !important;
}
.re-leases-page .rlc-status.active {
  background: linear-gradient(135deg, #e6f5fb, #d5eef7) !important;
  color: #0a4a66 !important;
  border-color: #a9d4e6 !important;
}
.re-leases-page .rlc-status.draft {
  background: #eef2f6 !important;
  color: #475569 !important;
  border-color: #d0d8e2 !important;
}
.re-leases-page .rlc-status.finished {
  background: linear-gradient(135deg, #f6efe4, #efe3d0) !important;
  color: #745028 !important;
  border-color: #e0d0b4 !important;
}

.re-leases-page .rlc-hero {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: .5rem !important;
  padding: 0 .95rem !important;
  cursor: pointer !important;
}
.re-leases-page .rlc-unit {
  font-size: 1.55rem !important;
  font-weight: 900 !important;
  color: var(--rl-navy-deep) !important;
  letter-spacing: .03em !important;
  line-height: 1 !important;
}
.re-leases-page .rlc-kind {
  font-size: .72rem !important;
  font-weight: 800 !important;
  color: var(--rl-muted) !important;
  padding: .2rem .55rem !important;
  border-radius: 8px !important;
  background: #f0f4f8 !important;
  border: 1px solid #e1e8ef !important;
}

.re-leases-page .rlc-party {
  display: grid !important;
  gap: .15rem !important;
  padding: 0 .95rem !important;
}
.re-leases-page .rlc-party span {
  font-size: .66rem !important;
  font-weight: 800 !important;
  color: var(--rl-muted) !important;
  letter-spacing: .04em !important;
}
.re-leases-page .rlc-party b {
  font-size: .95rem !important;
  font-weight: 850 !important;
  color: var(--rl-ink) !important;
}

.re-leases-page .rlc-term {
  display: grid !important;
  grid-template-columns: 1fr auto 1fr !important;
  align-items: center !important;
  gap: .45rem !important;
  margin: 0 .85rem !important;
  padding: .65rem .7rem !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, #0e4d6b, #163a4f) !important;
  color: #fff !important;
  box-shadow: 0 10px 22px rgba(14,77,107,.22) !important;
}
.re-leases-page .rlc-term small {
  display: block !important;
  font-size: .58rem !important;
  opacity: .75 !important;
  font-weight: 750 !important;
  margin-bottom: .12rem !important;
}
.re-leases-page .rlc-term b {
  font-size: .88rem !important;
  font-weight: 900 !important;
  font-variant-numeric: tabular-nums !important;
  color: #fff !important;
}
.re-leases-page .rlc-term > div:last-child { text-align: end !important; }
.re-leases-page .rlc-arrow {
  width: 1.35rem !important;
  height: 1.35rem !important;
  border-radius: 999px !important;
  background: rgba(184,149,95,.95) !important;
  position: relative !important;
  box-shadow: 0 4px 10px rgba(0,0,0,.18) !important;
}
.re-leases-page .rlc-arrow::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  margin: auto !important;
  width: .45rem !important;
  height: .45rem !important;
  border-inline-end: 2px solid #fff !important;
  border-block-end: 2px solid #fff !important;
  transform: rotate(-45deg) !important;
}
html[dir="rtl"] .re-leases-page .rlc-arrow::before {
  transform: rotate(135deg) !important;
}

.re-leases-page .rlc-meter {
  display: flex !important;
  align-items: center !important;
  gap: .55rem !important;
  padding: 0 .95rem !important;
}
.re-leases-page .rlc-meter-track {
  flex: 1 1 auto !important;
  height: 9px !important;
  border-radius: 99px !important;
  background: #e4ebf2 !important;
  overflow: hidden !important;
}
.re-leases-page .rlc-meter-track i {
  display: block !important;
  height: 100% !important;
  border-radius: inherit !important;
  background: linear-gradient(90deg, #0e4d6b, #1a8a9a 55%, #b8955f) !important;
}
.re-leases-page .rlc-meter > span {
  font-size: .72rem !important;
  font-weight: 900 !important;
  color: var(--rl-navy) !important;
  min-width: 2.2rem !important;
  text-align: end !important;
}

.re-leases-page .rlc-foot {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .5rem !important;
  flex-wrap: wrap !important;
  padding: .75rem .95rem .9rem !important;
  border-top: 1px solid #e8eef3 !important;
  background: #f8fafc !important;
}
.re-leases-page .rlc-hold {
  font-size: .68rem !important;
  font-weight: 850 !important;
  color: #745028 !important;
  background: linear-gradient(135deg, #f6efe4, #efe3d0) !important;
  border: 1px solid #e0d0b4 !important;
  border-radius: 999px !important;
  padding: .25rem .65rem !important;
}
.re-leases-page .rlc-actions {
  display: flex !important;
  gap: .35rem !important;
  flex-wrap: wrap !important;
}
.re-leases-page .rlc-btn {
  border-radius: 10px !important;
  padding: .4rem .75rem !important;
  font-size: .74rem !important;
  font-weight: 850 !important;
  border: 1px solid transparent !important;
  cursor: pointer !important;
  min-height: 2rem !important;
}
.re-leases-page .rlc-btn--primary {
  background: linear-gradient(135deg, #0e4d6b, #163a4f) !important;
  color: #fff !important;
}
.re-leases-page .rlc-btn--warn {
  background: linear-gradient(135deg, #b8955f, #8a6a3a) !important;
  color: #fff !important;
}
.re-leases-page .rlc-btn--ghost {
  background: #fff !important;
  color: var(--rl-navy) !important;
  border-color: #c5d3df !important;
}

@media (max-width: 900px) {
  .re-leases-page .re-leases-filters {
    grid-template-columns: 1fr 1fr !important;
  }
}
/* === /RE Leases Atelier Board v94 === */
/* hide attach guide v95 */
.re-sheet .re-attach-guide { display: none !important; }
.re-sheet .re-dropzone-hint { font-size: .78rem !important; color: #5a6b7d !important; font-weight: 700 !important; }

/* === RE Leases Fix v96 — no brown, doc kinds, light dates, thumbs === */
.re-sheet.re-sheet--v90 .re-erp-chrome-btn,
.re-sheet .re-erp-chrome-btn:not(.ghost) {
  background: linear-gradient(135deg, #0e4d6b, #163a4f) !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: 0 8px 18px rgba(14,77,107,.28) !important;
}
.re-sheet.re-sheet--v90 .re-sheet-tab.is-on,
.re-sheet .re-sheet-tabs .re-sheet-tab.is-on {
  background: #fff !important;
  color: #0e4d6b !important;
  border: 0 !important;
  box-shadow: 0 6px 14px rgba(0,0,0,.18) !important;
  font-weight: 900 !important;
}
.re-sheet .re-dropzone--lux {
  border-color: #7aa0b5 !important;
  background: linear-gradient(180deg, #f5f9fb, #eaf2f6) !important;
}
.re-leases-page .re-lane.finished .re-lane-head {
  background: linear-gradient(135deg, #3d5163, #5a6b7d) !important;
}
.re-leases-page .rlc-term,
.re-leases-page .rlc-term--light {
  background: #f0f5f8 !important;
  color: #0b1c2a !important;
  border: 1px solid #d5e0e8 !important;
  box-shadow: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .65rem !important;
  padding: .55rem .75rem !important;
}
.re-leases-page .rlc-term b,
.re-leases-page .rlc-term--light b {
  color: #0b1c2a !important;
  font-size: .9rem !important;
  font-weight: 850 !important;
}
.re-leases-page .rlc-arrow {
  background: #0e4d6b !important;
}
.re-leases-page .rlc-btn--warn {
  background: linear-gradient(135deg, #0e4d6b, #163a4f) !important;
  color: #fff !important;
}
.re-leases-page .rlc-id em { color: #0e4d6b !important; }
.re-leases-page .rlc-hold {
  color: #0e4d6b !important;
  background: #e8f2f7 !important;
  border-color: #c5d9e4 !important;
}
.re-leases-page .re-lane-head small { display: none !important; }

.re-sheet .re-attach-upload-row {
  display: grid !important;
  gap: .65rem !important;
}
.re-sheet .re-attach-kind-pick {
  display: grid !important;
  gap: .35rem !important;
  margin: 0 !important;
}
.re-sheet .re-attach-kind-pick span {
  font-size: .72rem !important;
  font-weight: 850 !important;
  color: #3d5163 !important;
}
.re-sheet .re-attach-kind-pick .field-input {
  max-width: 16rem !important;
  width: 100% !important;
}
.re-sheet .re-attach-doc {
  display: block !important;
  font-size: .68rem !important;
  font-weight: 900 !important;
  color: #0e4d6b !important;
  margin-bottom: .15rem !important;
}
.re-sheet .re-attach-card-actions {
  display: flex !important;
  gap: .35rem !important;
}
.re-sheet .re-attach-open {
  border: 1px solid #c5d3df !important;
  background: #fff !important;
  color: #0e4d6b !important;
  border-radius: 8px !important;
  padding: .35rem .55rem !important;
  font-size: .72rem !important;
  font-weight: 800 !important;
  cursor: pointer !important;
}
.re-sheet .re-attach-thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}
/* === /RE Leases Fix v96 === */
/* === RE Leases Fix v97 — luxury board + kill every brown/gold accent === */
.re-sheet.re-sheet--atelier .re-erp-chrome-btn,
.re-sheet.re-sheet--v90 .re-erp-chrome-btn,
.re-sheet .re-erp-chrome-btn:not(.ghost),
.re-modal-header--lux .re-erp-chrome-btn {
  background: linear-gradient(135deg, #0c3d56, #0e4d6b 55%, #146f7a) !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: 0 10px 22px rgba(12,61,86,.32) !important;
}
.re-sheet.re-sheet--atelier .re-sheet-tab.is-on,
.re-sheet.re-sheet--v90 .re-sheet-tab.is-on,
.re-sheet .re-sheet-tabs .re-sheet-tab.is-on,
.re-sheet-tabs--chrome .re-sheet-tab.is-on {
  background: #fff !important;
  color: #0c3d56 !important;
  border: 0 !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.2) !important;
  font-weight: 900 !important;
}
.re-sheet .re-dropzone--lux {
  border-color: #7aa0b5 !important;
  background: linear-gradient(180deg, #f7fbfd, #e8f1f6) !important;
}
.re-sheet .re-attach-type.is-on {
  background: linear-gradient(135deg, #0c3d56, #0e4d6b) !important;
  color: #fff !important;
  border-color: #0c3d56 !important;
}

.re-leases-page {
  --rl-gold: #0e4d6b;
  --rl-gold-deep: #0c3d56;
}
.re-leases-page .re-leases-stage {
  background:
    radial-gradient(900px 360px at 100% -8%, rgba(14,77,107,.16), transparent 55%),
    radial-gradient(700px 300px at 0% 100%, rgba(20,111,122,.12), transparent 50%),
    linear-gradient(165deg, #eef3f7 0%, #e2ebf2 100%) !important;
}
.re-leases-page .re-lane {
  background: rgba(255,255,255,.82) !important;
  border: 1px solid rgba(185,200,214,.9) !important;
  box-shadow: 0 28px 56px rgba(12,27,42,.14) !important;
}
.re-leases-page .re-lane-head {
  padding: 1.15rem 1.2rem !important;
  border-bottom: 1px solid rgba(255,255,255,.12) !important;
}
.re-leases-page .re-lane-head::before {
  content: "" !important;
  position: absolute !important;
  inset-block: 0 !important;
  inset-inline-start: 0 !important;
  width: 4px !important;
  background: rgba(255,255,255,.55) !important;
}
.re-leases-page .re-lane.draft .re-lane-head {
  background: linear-gradient(120deg, #2f3b48 0%, #475569 100%) !important;
}
.re-leases-page .re-lane.active .re-lane-head {
  background: linear-gradient(120deg, #083246 0%, #0e4d6b 48%, #127a86 100%) !important;
}
.re-leases-page .re-lane.finished .re-lane-head {
  background: linear-gradient(120deg, #3d5163 0%, #5a6b7d 100%) !important;
}
.re-leases-page .re-lane-head span {
  font-size: 1.12rem !important;
  letter-spacing: .02em !important;
}
.re-leases-page .re-lane-head b {
  background: rgba(255,255,255,.18) !important;
  backdrop-filter: blur(6px) !important;
}

.re-leases-page .rlc {
  border-radius: 20px !important;
  border: 1px solid #c9d6e2 !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.9) inset,
    0 18px 40px rgba(12,27,42,.11) !important;
  background:
    linear-gradient(180deg, #ffffff 0%, #f8fbfd 100%) !important;
}
.re-leases-page .rlc--draft { border-inline-start: 4px solid #64748b !important; }
.re-leases-page .rlc--active { border-inline-start: 4px solid #0e4d6b !important; }
.re-leases-page .rlc--done { border-inline-start: 4px solid #5a6b7d !important; }
.re-leases-page .rlc-top {
  background: transparent !important;
  padding: 1rem 1.05rem .4rem !important;
}
.re-leases-page .rlc-id em {
  color: #0e4d6b !important;
  letter-spacing: .16em !important;
  opacity: .85 !important;
}
.re-leases-page .rlc-id strong {
  font-size: 1.2rem !important;
  letter-spacing: .03em !important;
}
.re-leases-page .rlc-status {
  border-radius: 999px !important;
  padding: .28rem .75rem !important;
  font-size: .72rem !important;
  font-weight: 900 !important;
  letter-spacing: .04em !important;
}
.re-leases-page .rlc-status.draft {
  background: #eef1f4 !important;
  color: #475569 !important;
}
.re-leases-page .rlc-status.active {
  background: #e4f4f6 !important;
  color: #0a5c68 !important;
}
.re-leases-page .rlc-status.finished {
  background: #eef1f4 !important;
  color: #3d5163 !important;
}
.re-leases-page .rlc-hero {
  padding: .15rem 1.05rem .35rem !important;
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: .5rem !important;
}
.re-leases-page .rlc-unit {
  font-size: 1.55rem !important;
  font-weight: 900 !important;
  color: #0b1c2a !important;
  letter-spacing: .02em !important;
  line-height: 1 !important;
}
.re-leases-page .rlc-kind {
  font-size: .72rem !important;
  font-weight: 800 !important;
  color: #5a6b7d !important;
  background: #eef3f7 !important;
  border-radius: 8px !important;
  padding: .25rem .55rem !important;
}
.re-leases-page .rlc-party {
  margin: 0 1.05rem !important;
  padding: .65rem .8rem !important;
  border-radius: 12px !important;
  background: #f3f7fa !important;
  border: 1px solid #e2ebf1 !important;
}
.re-leases-page .rlc-party span {
  display: block !important;
  font-size: .65rem !important;
  font-weight: 800 !important;
  color: #7a8b9c !important;
  letter-spacing: .08em !important;
  margin-bottom: .2rem !important;
}
.re-leases-page .rlc-party b {
  font-size: .95rem !important;
  color: #0b1c2a !important;
  font-weight: 850 !important;
}
.re-leases-page .rlc-term,
.re-leases-page .rlc-term--light {
  margin: 0 1.05rem !important;
  background: transparent !important;
  border: 0 !important;
  border-block: 1px solid #e2ebf1 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: .7rem 0 !important;
  color: #0b1c2a !important;
  gap: .85rem !important;
}
.re-leases-page .rlc-term b,
.re-leases-page .rlc-term--light b {
  font-family: ui-monospace, "Cascadia Mono", Consolas, monospace !important;
  font-size: .88rem !important;
  font-weight: 750 !important;
  color: #163a4f !important;
  background: none !important;
}
.re-leases-page .rlc-arrow {
  width: 1.35rem !important;
  height: 1.35rem !important;
  border-radius: 999px !important;
  background: #0e4d6b !important;
  display: inline-grid !important;
  place-items: center !important;
  position: relative !important;
}
.re-leases-page .rlc-arrow::after {
  content: "" !important;
  width: .35rem !important;
  height: .35rem !important;
  border-inline-end: 2px solid #fff !important;
  border-block-end: 2px solid #fff !important;
  transform: rotate(-45deg) !important;
  margin-inline-start: -.1rem !important;
}
.re-leases-page .rlc-meter {
  margin: 0 1.05rem !important;
  display: flex !important;
  align-items: center !important;
  gap: .55rem !important;
}
.re-leases-page .rlc-meter-track {
  flex: 1 !important;
  height: .38rem !important;
  border-radius: 999px !important;
  background: #e4edf3 !important;
  overflow: hidden !important;
}
.re-leases-page .rlc-meter-track i {
  display: block !important;
  height: 100% !important;
  border-radius: inherit !important;
  background: linear-gradient(90deg, #0e4d6b, #1a8a9a) !important;
}
.re-leases-page .rlc-meter span {
  font-size: .72rem !important;
  font-weight: 850 !important;
  color: #0e4d6b !important;
  min-width: 2.2rem !important;
}
.re-leases-page .rlc-foot {
  padding: .75rem 1.05rem 1rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .5rem !important;
  background: linear-gradient(180deg, transparent, #f4f8fb) !important;
}
.re-leases-page .rlc-hold {
  color: #0e4d6b !important;
  background: #e8f2f7 !important;
  border: 1px solid #c5d9e4 !important;
  border-radius: 999px !important;
  padding: .28rem .7rem !important;
  font-size: .68rem !important;
  font-weight: 850 !important;
}
.re-leases-page .rlc-btn--primary,
.re-leases-page .rlc-btn--warn {
  background: linear-gradient(135deg, #0c3d56, #0e4d6b) !important;
  color: #fff !important;
  border: 0 !important;
}
.re-leases-page .rlc-btn--ghost {
  background: #fff !important;
  color: #0e4d6b !important;
  border: 1px solid #c5d3df !important;
}
/* === /RE Leases Fix v97 === */
/* === RE Leases Atelier v98 — new anatomy, not color tweaks === */
.re-leases-page .re-leases-atelier {
  --ax-ink: #13202c;
  --ax-mute: #6b7c8c;
  --ax-line: #d7e0e8;
  --ax-paper: #f4f1ea;
  --ax-sea: #0f4c5c;
  --ax-sea-2: #1a7a8a;
  margin-top: .9rem !important;
  padding: 1.25rem !important;
  border-radius: 28px !important;
  border: 1px solid #cfd9e3 !important;
  background:
    radial-gradient(900px 420px at 12% -20%, rgba(15,76,92,.14), transparent 55%),
    radial-gradient(700px 360px at 100% 110%, rgba(19,32,44,.08), transparent 50%),
    linear-gradient(160deg, #e9eef3 0%, #dfe7ee 48%, #d5dee6 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7) !important;
}
.re-leases-page .re-atelier-board {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 1.25rem !important;
  align-items: start !important;
}
.re-leases-page .re-atelier-board:not(.re-kanban--two) {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.re-leases-page .re-atelier-lane {
  background: rgba(255,255,255,.55) !important;
  border: 1px solid rgba(255,255,255,.8) !important;
  border-radius: 24px !important;
  backdrop-filter: blur(14px) !important;
  box-shadow: 0 30px 60px rgba(19,32,44,.12) !important;
  overflow: hidden !important;
  min-height: 22rem !important;
}
.re-leases-page .re-atelier-lane-head {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 1rem !important;
  padding: 1.15rem 1.25rem 1rem !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.72)) !important;
  border-bottom: 1px solid var(--ax-line) !important;
  position: relative !important;
}
.re-leases-page .re-atelier-lane-head::before {
  content: "" !important;
  position: absolute !important;
  inset-inline: 1.25rem !important;
  top: 0 !important;
  height: 3px !important;
  border-radius: 0 0 4px 4px !important;
  background: #64748b !important;
}
.re-leases-page .re-atelier-lane.is-active .re-atelier-lane-head::before {
  background: linear-gradient(90deg, var(--ax-sea), var(--ax-sea-2)) !important;
}
.re-leases-page .re-atelier-lane.is-done .re-atelier-lane-head::before {
  background: #94a3b8 !important;
}
.re-leases-page .re-atelier-lane-kicker {
  display: block !important;
  font-family: Outfit, "IBM Plex Sans Arabic", sans-serif !important;
  font-size: .62rem !important;
  letter-spacing: .22em !important;
  text-transform: uppercase !important;
  color: var(--ax-mute) !important;
  font-weight: 700 !important;
  margin-bottom: .25rem !important;
}
.re-leases-page .re-atelier-lane-head h2 {
  margin: 0 !important;
  font-family: "IBM Plex Sans Arabic", Outfit, sans-serif !important;
  font-size: 1.35rem !important;
  font-weight: 700 !important;
  color: var(--ax-ink) !important;
  letter-spacing: -.01em !important;
}
.re-leases-page .re-atelier-count {
  font-family: Cinzel, Outfit, serif !important;
  font-style: normal !important;
  font-size: 2.4rem !important;
  font-weight: 700 !important;
  line-height: .9 !important;
  color: var(--ax-ink) !important;
  opacity: .88 !important;
}
.re-leases-page .re-atelier-lane.is-active .re-atelier-count {
  color: var(--ax-sea) !important;
}
.re-leases-page .re-atelier-lane-body {
  display: grid !important;
  gap: 1rem !important;
  padding: 1rem 1.05rem 1.2rem !important;
}
.re-leases-page .re-atelier-empty {
  min-height: 10rem !important;
  display: grid !important;
  place-items: center !important;
  border: 1px dashed #b7c5d2 !important;
  border-radius: 18px !important;
  color: #8a9aa8 !important;
  font-weight: 650 !important;
  background: rgba(255,255,255,.35) !important;
}

/* dossier card */
.re-leases-page .rlx {
  display: grid !important;
  grid-template-columns: 6.2rem minmax(0, 1fr) !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  background: #fff !important;
  border: 1px solid #cdd8e2 !important;
  box-shadow: 0 18px 40px rgba(19,32,44,.1) !important;
  transition: transform .18s ease, box-shadow .18s ease !important;
}
.re-leases-page .rlx:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 28px 54px rgba(19,32,44,.16) !important;
}
.re-leases-page .rlx-rail {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  gap: .75rem !important;
  padding: 1rem .7rem !important;
  cursor: pointer !important;
  color: #fff !important;
  background: linear-gradient(180deg, #334155, #1e293b) !important;
  position: relative !important;
}
.re-leases-page .rlx--active .rlx-rail {
  background:
    linear-gradient(165deg, #0b3a46 0%, #0f4c5c 48%, #176b78 100%) !important;
}
.re-leases-page .rlx--done .rlx-rail {
  background: linear-gradient(180deg, #64748b, #475569) !important;
}
.re-leases-page .rlx-rail-label {
  font-family: Outfit, sans-serif !important;
  font-size: .58rem !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  opacity: .7 !important;
  font-weight: 700 !important;
}
.re-leases-page .rlx-unit {
  font-family: Amiri, Cinzel, serif !important;
  font-size: 1.55rem !important;
  font-weight: 700 !important;
  line-height: 1.05 !important;
  writing-mode: horizontal-tb !important;
  word-break: break-word !important;
}
.re-leases-page .rlx-stamp {
  display: inline-flex !important;
  align-self: flex-start !important;
  font-size: .62rem !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;
  padding: .28rem .45rem !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.16) !important;
  border: 1px solid rgba(255,255,255,.28) !important;
}
.re-leases-page .rlx-body {
  display: grid !important;
  gap: .85rem !important;
  padding: 1rem 1.05rem 1rem !important;
  background:
    linear-gradient(180deg, #ffffff 0%, #f7fafc 100%) !important;
}
.re-leases-page .rlx-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: .75rem !important;
  cursor: pointer !important;
}
.re-leases-page .rlx-no {
  display: block !important;
  font-family: Outfit, "IBM Plex Sans Arabic", sans-serif !important;
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;
  color: var(--ax-ink) !important;
}
.re-leases-page .rlx-kind {
  display: inline-block !important;
  margin-top: .3rem !important;
  font-size: .72rem !important;
  font-weight: 700 !important;
  color: var(--ax-mute) !important;
}
.re-leases-page .rlx-ring {
  --p: 0;
  width: 3rem !important;
  height: 3rem !important;
  border-radius: 999px !important;
  display: grid !important;
  place-items: center !important;
  background:
    conic-gradient(var(--ax-sea) calc(var(--p) * 1%), #e5edf3 0) !important;
  position: relative !important;
  flex: 0 0 auto !important;
}
.re-leases-page .rlx-ring::before {
  content: "" !important;
  position: absolute !important;
  inset: .35rem !important;
  border-radius: inherit !important;
  background: #fff !important;
}
.re-leases-page .rlx-ring b {
  position: relative !important;
  z-index: 1 !important;
  font-size: .68rem !important;
  font-weight: 850 !important;
  color: var(--ax-sea) !important;
}
.re-leases-page .rlx-tenant {
  cursor: pointer !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
}
.re-leases-page .rlx-tenant span {
  display: block !important;
  font-size: .62rem !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  color: #8a9aa8 !important;
  font-weight: 800 !important;
  margin-bottom: .2rem !important;
}
.re-leases-page .rlx-tenant strong {
  display: block !important;
  font-size: 1rem !important;
  font-weight: 750 !important;
  color: var(--ax-ink) !important;
  line-height: 1.35 !important;
}
.re-leases-page .rlx-dates {
  display: grid !important;
  grid-template-columns: 1fr auto 1fr !important;
  align-items: center !important;
  gap: .55rem !important;
  padding: .55rem 0 0 !important;
  border-top: 1px solid #e6eef3 !important;
  background: none !important;
  cursor: pointer !important;
}
.re-leases-page .rlx-dates span {
  display: block !important;
  font-size: .6rem !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  color: #8a9aa8 !important;
  font-weight: 800 !important;
  margin-bottom: .15rem !important;
}
.re-leases-page .rlx-dates b {
  font-family: Outfit, "IBM Plex Sans Arabic", sans-serif !important;
  font-size: .92rem !important;
  font-weight: 700 !important;
  color: #1a3344 !important;
  background: none !important;
}
.re-leases-page .rlx-dates > i {
  width: 1.6rem !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, #9bb0bf, transparent) !important;
  position: relative !important;
}
.re-leases-page .rlx-dates > i::after {
  content: "" !important;
  position: absolute !important;
  inset-inline-start: 50% !important;
  top: 50% !important;
  width: .42rem !important;
  height: .42rem !important;
  border-radius: 999px !important;
  background: var(--ax-sea) !important;
  transform: translate(-50%, -50%) !important;
}
.re-leases-page .rlx-foot {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .55rem !important;
  flex-wrap: wrap !important;
  padding-top: .15rem !important;
}
.re-leases-page .rlx-hold {
  font-size: .68rem !important;
  font-weight: 750 !important;
  color: var(--ax-sea) !important;
  background: none !important;
  border: 0 !important;
  padding: 0 !important;
}
.re-leases-page .rlx-actions {
  display: flex !important;
  gap: .35rem !important;
  flex-wrap: wrap !important;
}
.re-leases-page .rlx-btn {
  border-radius: 999px !important;
  padding: .42rem .85rem !important;
  font-size: .72rem !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  border: 1px solid transparent !important;
}
.re-leases-page .rlx-btn.primary,
.re-leases-page .rlx-btn.danger {
  background: linear-gradient(135deg, #0b3a46, #0f4c5c) !important;
  color: #fff !important;
  box-shadow: 0 8px 16px rgba(15,76,92,.25) !important;
}
.re-leases-page .rlx-btn.ghost {
  background: #fff !important;
  color: #0f4c5c !important;
  border-color: #c5d3df !important;
}
@media (max-width: 900px) {
  .re-leases-page .re-atelier-board,
  .re-leases-page .re-atelier-board:not(.re-kanban--two) {
    grid-template-columns: 1fr !important;
  }
  .re-leases-page .rlx {
    grid-template-columns: 5.2rem minmax(0, 1fr) !important;
  }
}
/* === /RE Leases Atelier v98 === */
/* === RE Leases Atelier v99 — spacing, type, composure === */
.re-leases-page.re-suite {
  gap: 1rem !important;
}
.re-leases-page .re-leases-filters {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-end !important;
  gap: .85rem 1.1rem !important;
  padding: 1rem 1.25rem !important;
  border-radius: 18px !important;
  background: #fff !important;
  border: 1px solid #d7e0e8 !important;
  box-shadow: 0 10px 28px rgba(19,32,44,.06) !important;
  grid-template-columns: none !important;
}
.re-leases-page .re-leases-filters .re-erp-filter-field {
  display: grid !important;
  gap: .28rem !important;
  min-width: 8.5rem !important;
}
.re-leases-page .re-leases-filters .re-erp-filter-search {
  flex: 1 1 14rem !important;
  min-width: 12rem !important;
}
.re-leases-page .re-leases-filters .re-erp-filter-field > span,
.re-leases-page .re-leases-filters .re-erp-filter-search > span {
  font-size: .68rem !important;
  font-weight: 750 !important;
  color: #6b7c8c !important;
  letter-spacing: .04em !important;
}
.re-leases-page .re-leases-filters .field-input {
  min-height: 2.45rem !important;
  border-radius: 11px !important;
  border: 1px solid #cfd9e4 !important;
  padding: .45rem .7rem !important;
  font-weight: 600 !important;
  background: #fbfcfd !important;
}
.re-leases-page .re-leases-filters .re-erp-filter-switch {
  margin-inline-start: auto !important;
  align-self: center !important;
  padding: .45rem .7rem !important;
  border-radius: 999px !important;
  background: #f3f7fa !important;
  border: 1px solid #e2ebf1 !important;
  font-size: .78rem !important;
  font-weight: 700 !important;
  color: #3d5163 !important;
}
.re-leases-page .re-leases-filters .re-filter-actions {
  display: flex !important;
  align-items: center !important;
  gap: .45rem !important;
  align-self: center !important;
}

.re-leases-page .re-leases-atelier {
  margin-top: .85rem !important;
  padding: 1.1rem !important;
  border-radius: 22px !important;
  background:
    linear-gradient(165deg, #edf2f6 0%, #e4ebf1 100%) !important;
  border: 1px solid #cdd7e1 !important;
  box-shadow: none !important;
}
.re-leases-page .re-atelier-board {
  gap: 1rem !important;
  align-items: stretch !important;
}
.re-leases-page .re-atelier-lane {
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  background: rgba(255,255,255,.78) !important;
  border: 1px solid rgba(210,220,230,.95) !important;
  border-radius: 20px !important;
  box-shadow: 0 16px 36px rgba(19,32,44,.08) !important;
  backdrop-filter: blur(8px) !important;
}
.re-leases-page .re-atelier-lane-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .75rem !important;
  padding: .95rem 1.15rem !important;
  background: rgba(255,255,255,.9) !important;
  border-bottom: 1px solid #e6eef3 !important;
}
.re-leases-page .re-atelier-lane-head::before {
  inset-inline: 1.15rem !important;
  height: 2px !important;
  background: #94a3b8 !important;
}
.re-leases-page .re-atelier-lane.is-active .re-atelier-lane-head::before {
  background: linear-gradient(90deg, #0f4c5c, #1a7a8a) !important;
}
.re-leases-page .re-atelier-lane.is-done .re-atelier-lane-head::before {
  background: #94a3b8 !important;
}
.re-leases-page .re-atelier-lane-head h2 {
  margin: 0 !important;
  font-family: "IBM Plex Sans Arabic", Outfit, sans-serif !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  color: #13202c !important;
  letter-spacing: 0 !important;
}
.re-leases-page .re-atelier-count {
  font-family: Outfit, "IBM Plex Sans Arabic", sans-serif !important;
  font-style: normal !important;
  font-size: 1.55rem !important;
  font-weight: 750 !important;
  line-height: 1 !important;
  color: #64748b !important;
  min-width: 2rem !important;
  text-align: center !important;
}
.re-leases-page .re-atelier-lane.is-active .re-atelier-count {
  color: #0f4c5c !important;
}
.re-leases-page .re-atelier-lane-body {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: .85rem !important;
  padding: .95rem 1rem 1.05rem !important;
}
.re-leases-page .re-atelier-empty {
  flex: 1 !important;
  min-height: 7.5rem !important;
  display: grid !important;
  place-items: center !important;
  border: 1px dashed #c5d1dc !important;
  border-radius: 14px !important;
  color: #93a4b3 !important;
  font-size: .82rem !important;
  font-weight: 650 !important;
  background: rgba(255,255,255,.4) !important;
}

.re-leases-page .rlx {
  grid-template-columns: 4.6rem minmax(0, 1fr) !important;
  border-radius: 16px !important;
  border: 1px solid #d0dbe5 !important;
  box-shadow: 0 10px 26px rgba(19,32,44,.07) !important;
}
.re-leases-page .rlx:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 16px 34px rgba(19,32,44,.12) !important;
}
.re-leases-page .rlx-rail {
  padding: 1.05rem .55rem !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  background: linear-gradient(180deg, #1e293b, #334155) !important;
}
.re-leases-page .rlx--active .rlx-rail {
  background: linear-gradient(180deg, #0b3a46, #0f4c5c 60%, #156875) !important;
}
.re-leases-page .rlx--done .rlx-rail {
  background: linear-gradient(180deg, #475569, #64748b) !important;
}
.re-leases-page .rlx--draft .rlx-rail {
  background: linear-gradient(180deg, #334155, #475569) !important;
}
.re-leases-page .rlx-rail-label,
.re-leases-page .rlx-stamp { display: none !important; }
.re-leases-page .rlx-unit {
  font-family: Outfit, "IBM Plex Sans Arabic", sans-serif !important;
  font-size: 1.05rem !important;
  font-weight: 750 !important;
  letter-spacing: .04em !important;
  text-align: center !important;
  line-height: 1.15 !important;
  writing-mode: horizontal-tb !important;
}
.re-leases-page .rlx-body {
  gap: .72rem !important;
  padding: .95rem 1rem .9rem !important;
  background: #fff !important;
}
.re-leases-page .rlx-head {
  align-items: center !important;
  gap: .85rem !important;
}
.re-leases-page .rlx-idblock {
  min-width: 0 !important;
  display: grid !important;
  gap: .22rem !important;
}
.re-leases-page .rlx-status {
  display: inline-flex !important;
  align-self: start !important;
  width: fit-content !important;
  font-size: .62rem !important;
  font-weight: 800 !important;
  letter-spacing: .06em !important;
  padding: .18rem .5rem !important;
  border-radius: 999px !important;
  background: #eef2f5 !important;
  color: #475569 !important;
}
.re-leases-page .rlx-status.active {
  background: #e4f3f5 !important;
  color: #0f4c5c !important;
}
.re-leases-page .rlx-status.draft {
  background: #f1f5f9 !important;
  color: #64748b !important;
}
.re-leases-page .rlx-status.finished {
  background: #f1f5f9 !important;
  color: #64748b !important;
}
.re-leases-page .rlx-no {
  display: block !important;
  font-family: Outfit, "IBM Plex Sans Arabic", sans-serif !important;
  font-size: 1.12rem !important;
  font-weight: 750 !important;
  letter-spacing: .03em !important;
  color: #13202c !important;
  line-height: 1.2 !important;
}
.re-leases-page .rlx-kind {
  display: block !important;
  margin-top: 0 !important;
  font-size: .72rem !important;
  font-weight: 650 !important;
  color: #7a8b9c !important;
  line-height: 1.35 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.re-leases-page .rlx-ring {
  width: 2.7rem !important;
  height: 2.7rem !important;
  background: conic-gradient(#0f4c5c calc(var(--p) * 1%), #e8eef3 0) !important;
}
.re-leases-page .rlx-ring::before { inset: .32rem !important; }
.re-leases-page .rlx-ring b {
  font-size: .72rem !important;
  font-weight: 750 !important;
  color: #0f4c5c !important;
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 0 !important;
}
.re-leases-page .rlx-ring b small {
  font-size: .55rem !important;
  font-weight: 750 !important;
}
.re-leases-page .rlx-tenant {
  padding: .55rem .7rem !important;
  border-radius: 11px !important;
  background: #f5f8fb !important;
  border: 1px solid #e8eef3 !important;
}
.re-leases-page .rlx-tenant span {
  font-size: .6rem !important;
  letter-spacing: .08em !important;
  margin-bottom: .18rem !important;
  color: #8a9aa8 !important;
}
.re-leases-page .rlx-tenant strong {
  font-size: .92rem !important;
  font-weight: 700 !important;
  color: #1a2b3a !important;
  line-height: 1.35 !important;
}
.re-leases-page .rlx-dates {
  gap: .65rem !important;
  padding: .15rem 0 0 !important;
  border-top: 0 !important;
  align-items: stretch !important;
}
.re-leases-page .rlx-date {
  min-width: 0 !important;
}
.re-leases-page .rlx-date span {
  display: block !important;
  font-size: .58rem !important;
  letter-spacing: .06em !important;
  text-transform: none !important;
  color: #8a9aa8 !important;
  font-weight: 750 !important;
  margin-bottom: .2rem !important;
}
.re-leases-page .rlx-date b {
  font-family: Outfit, "IBM Plex Sans Arabic", sans-serif !important;
  font-size: .88rem !important;
  font-weight: 700 !important;
  color: #1a3344 !important;
  letter-spacing: .02em !important;
}
.re-leases-page .rlx-date-sep {
  width: 1px !important;
  align-self: stretch !important;
  background: #e2ebf1 !important;
  margin: .15rem 0 !important;
}
.re-leases-page .rlx-dates > i { display: none !important; }
.re-leases-page .rlx-foot {
  padding-top: .35rem !important;
  margin-top: .1rem !important;
  border-top: 1px solid #eef3f7 !important;
  justify-content: flex-end !important;
}
.re-leases-page .rlx-hold { display: none !important; }
.re-leases-page .rlx-actions {
  width: 100% !important;
  justify-content: flex-end !important;
  gap: .4rem !important;
}
.re-leases-page .rlx-btn {
  border-radius: 10px !important;
  padding: .48rem .95rem !important;
  font-size: .74rem !important;
  font-weight: 750 !important;
  min-height: 2.1rem !important;
}
.re-leases-page .rlx-btn.primary,
.re-leases-page .rlx-btn.danger {
  background: linear-gradient(135deg, #0b3a46, #0f4c5c) !important;
  box-shadow: 0 6px 14px rgba(15,76,92,.2) !important;
}
.re-leases-page .rlx-btn.ghost {
  background: #f5f8fb !important;
  color: #0f4c5c !important;
  border-color: #d0dbe5 !important;
}
@media (max-width: 900px) {
  .re-leases-page .re-leases-filters .re-erp-filter-switch {
    margin-inline-start: 0 !important;
  }
  .re-leases-page .rlx {
    grid-template-columns: 3.8rem minmax(0, 1fr) !important;
  }
}
/* === /RE Leases Atelier v99 === */
/* === RE Leases Atelier v100 — status color identity + fluid luxury === */
.re-leases-page {
  --ax-draft: #5b6b8a;
  --ax-draft-bg: #eef1f7;
  --ax-draft-soft: #d9e0ee;
  --ax-live: #0d6b5c;
  --ax-live-bg: #e8f6f2;
  --ax-live-soft: #b7e2d6;
  --ax-done: #9b3d55;
  --ax-done-bg: #f8eef1;
  --ax-done-soft: #e8c4ce;
  --ax-ink: #121c27;
  --ax-mute: #6a7b8c;
}
.re-leases-page .re-leases-filters {
  gap: clamp(.55rem, 1.2vw, 1rem) clamp(.7rem, 1.5vw, 1.15rem) !important;
  padding: clamp(.75rem, 1.4vw, 1.1rem) clamp(.9rem, 1.6vw, 1.25rem) !important;
}
.re-leases-page .re-leases-filters .field-input {
  font-size: clamp(.78rem, 1.05vw, .9rem) !important;
  min-height: clamp(2.2rem, 3.2vw, 2.5rem) !important;
}

.re-leases-page .re-leases-atelier {
  padding: clamp(.75rem, 1.5vw, 1.15rem) !important;
  background:
    radial-gradient(800px 380px at 100% 0%, rgba(13,107,92,.08), transparent 55%),
    radial-gradient(700px 340px at 0% 100%, rgba(91,107,138,.1), transparent 50%),
    linear-gradient(165deg, #e8eef3, #dde6ee) !important;
}
.re-leases-page .re-atelier-board {
  gap: clamp(.75rem, 1.4vw, 1.1rem) !important;
}

/* Lane color identity */
.re-leases-page .re-atelier-lane {
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 18px 40px rgba(18,28,39,.1) !important;
}
.re-leases-page .re-atelier-lane.is-draft {
  background: linear-gradient(180deg, #f7f8fc, #eef1f7) !important;
  border: 1px solid var(--ax-draft-soft) !important;
}
.re-leases-page .re-atelier-lane.is-active {
  background: linear-gradient(180deg, #f3fbf8, #e8f6f2) !important;
  border: 1px solid var(--ax-live-soft) !important;
}
.re-leases-page .re-atelier-lane.is-done {
  background: linear-gradient(180deg, #fbf5f7, #f8eef1) !important;
  border: 1px solid var(--ax-done-soft) !important;
}
.re-leases-page .re-atelier-lane-head {
  padding: clamp(.75rem, 1.3vw, 1rem) clamp(.9rem, 1.5vw, 1.15rem) !important;
  border-bottom: 1px solid transparent !important;
}
.re-leases-page .re-atelier-lane.is-draft .re-atelier-lane-head {
  background: linear-gradient(90deg, #e4e9f3, #f4f6fb) !important;
  border-bottom-color: var(--ax-draft-soft) !important;
}
.re-leases-page .re-atelier-lane.is-active .re-atelier-lane-head {
  background: linear-gradient(90deg, #d8f0e9, #f0faf7) !important;
  border-bottom-color: var(--ax-live-soft) !important;
}
.re-leases-page .re-atelier-lane.is-done .re-atelier-lane-head {
  background: linear-gradient(90deg, #f3dde4, #faf3f5) !important;
  border-bottom-color: var(--ax-done-soft) !important;
}
.re-leases-page .re-atelier-lane-head::before { display: none !important; }
.re-leases-page .re-atelier-lane-title {
  display: flex !important;
  align-items: center !important;
  gap: .55rem !important;
  min-width: 0 !important;
}
.re-leases-page .re-atelier-dot {
  width: .7rem !important;
  height: .7rem !important;
  border-radius: 999px !important;
  flex: 0 0 auto !important;
  box-shadow: 0 0 0 4px rgba(255,255,255,.65) !important;
}
.re-leases-page .re-atelier-lane.is-draft .re-atelier-dot { background: var(--ax-draft) !important; }
.re-leases-page .re-atelier-lane.is-active .re-atelier-dot { background: var(--ax-live) !important; }
.re-leases-page .re-atelier-lane.is-done .re-atelier-dot { background: var(--ax-done) !important; }
.re-leases-page .re-atelier-lane-head h2 {
  font-size: clamp(.95rem, 1.35vw, 1.12rem) !important;
  font-weight: 750 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.re-leases-page .re-atelier-lane.is-draft .re-atelier-lane-head h2,
.re-leases-page .re-atelier-lane.is-draft .re-atelier-count { color: var(--ax-draft) !important; }
.re-leases-page .re-atelier-lane.is-active .re-atelier-lane-head h2,
.re-leases-page .re-atelier-lane.is-active .re-atelier-count { color: var(--ax-live) !important; }
.re-leases-page .re-atelier-lane.is-done .re-atelier-lane-head h2,
.re-leases-page .re-atelier-lane.is-done .re-atelier-count { color: var(--ax-done) !important; }
.re-leases-page .re-atelier-count {
  font-size: clamp(1.25rem, 2vw, 1.7rem) !important;
  font-weight: 800 !important;
  font-variant-numeric: tabular-nums !important;
}
.re-leases-page .re-atelier-lane-body {
  padding: clamp(.7rem, 1.2vw, 1rem) !important;
  gap: clamp(.65rem, 1.1vw, .9rem) !important;
}
.re-leases-page .re-atelier-lane.is-draft .re-atelier-empty {
  border-color: var(--ax-draft-soft) !important;
  color: #8a96ae !important;
  background: rgba(255,255,255,.55) !important;
}
.re-leases-page .re-atelier-lane.is-active .re-atelier-empty {
  border-color: var(--ax-live-soft) !important;
  color: #6a9e93 !important;
  background: rgba(255,255,255,.55) !important;
}
.re-leases-page .re-atelier-lane.is-done .re-atelier-empty {
  border-color: var(--ax-done-soft) !important;
  color: #b07a8a !important;
  background: rgba(255,255,255,.55) !important;
}

/* Luxury cards with status identity */
.re-leases-page .rlx {
  position: relative !important;
  grid-template-columns: clamp(3.4rem, 5.5vw, 4.4rem) minmax(0, 1fr) !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.9) inset,
    0 14px 32px rgba(18,28,39,.1) !important;
  overflow: hidden !important;
}
.re-leases-page .rlx::after {
  content: "" !important;
  position: absolute !important;
  inset-block-start: 0 !important;
  inset-inline: 0 !important;
  height: 3px !important;
  pointer-events: none !important;
}
.re-leases-page .rlx--draft {
  border: 1px solid var(--ax-draft-soft) !important;
}
.re-leases-page .rlx--draft::after { background: linear-gradient(90deg, var(--ax-draft), #8b9bb8) !important; }
.re-leases-page .rlx--active {
  border: 1px solid var(--ax-live-soft) !important;
}
.re-leases-page .rlx--active::after { background: linear-gradient(90deg, var(--ax-live), #1fa88a) !important; }
.re-leases-page .rlx--done {
  border: 1px solid var(--ax-done-soft) !important;
}
.re-leases-page .rlx--done::after { background: linear-gradient(90deg, var(--ax-done), #c45d78) !important; }

.re-leases-page .rlx-rail {
  padding: clamp(.7rem, 1.2vw, 1rem) .4rem !important;
}
.re-leases-page .rlx--draft .rlx-rail {
  background: linear-gradient(180deg, #4a5874, #5b6b8a 55%, #7383a3) !important;
}
.re-leases-page .rlx--active .rlx-rail {
  background: linear-gradient(180deg, #0a5247, #0d6b5c 50%, #149178) !important;
}
.re-leases-page .rlx--done .rlx-rail {
  background: linear-gradient(180deg, #7a2f43, #9b3d55 55%, #b4566d) !important;
}
.re-leases-page .rlx-unit {
  font-size: clamp(.82rem, 1.25vw, 1.05rem) !important;
  font-weight: 800 !important;
  letter-spacing: .03em !important;
  line-height: 1.2 !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
  hyphens: auto !important;
}

.re-leases-page .rlx-body {
  gap: clamp(.55rem, 1vw, .8rem) !important;
  padding: clamp(.75rem, 1.3vw, 1.05rem) clamp(.75rem, 1.3vw, 1.05rem) clamp(.7rem, 1.2vw, .95rem) !important;
}
.re-leases-page .rlx-status {
  font-size: clamp(.58rem, .85vw, .66rem) !important;
  padding: .2rem .55rem !important;
}
.re-leases-page .rlx-status.draft {
  background: var(--ax-draft-bg) !important;
  color: var(--ax-draft) !important;
  border: 1px solid var(--ax-draft-soft) !important;
}
.re-leases-page .rlx-status.active {
  background: var(--ax-live-bg) !important;
  color: var(--ax-live) !important;
  border: 1px solid var(--ax-live-soft) !important;
}
.re-leases-page .rlx-status.finished {
  background: var(--ax-done-bg) !important;
  color: var(--ax-done) !important;
  border: 1px solid var(--ax-done-soft) !important;
}
.re-leases-page .rlx-no {
  font-size: clamp(.95rem, 1.45vw, 1.18rem) !important;
  font-weight: 800 !important;
  letter-spacing: .02em !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
.re-leases-page .rlx-kind,
.re-leases-page .rlx-holdline {
  display: block !important;
  font-size: clamp(.68rem, 1vw, .76rem) !important;
  font-weight: 650 !important;
  color: var(--ax-mute) !important;
  line-height: 1.4 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: unset !important;
}
.re-leases-page .rlx-holdline {
  color: #8090a0 !important;
  font-size: clamp(.64rem, .95vw, .72rem) !important;
}
.re-leases-page .rlx-ring {
  width: clamp(2.4rem, 4vw, 2.85rem) !important;
  height: clamp(2.4rem, 4vw, 2.85rem) !important;
}
.re-leases-page .rlx--draft .rlx-ring {
  background: conic-gradient(var(--ax-draft) calc(var(--p) * 1%), #e6eaf2 0) !important;
}
.re-leases-page .rlx--active .rlx-ring {
  background: conic-gradient(var(--ax-live) calc(var(--p) * 1%), #e4f2ee 0) !important;
}
.re-leases-page .rlx--done .rlx-ring {
  background: conic-gradient(var(--ax-done) calc(var(--p) * 1%), #f4e8ec 0) !important;
}
.re-leases-page .rlx--draft .rlx-ring b { color: var(--ax-draft) !important; }
.re-leases-page .rlx--active .rlx-ring b { color: var(--ax-live) !important; }
.re-leases-page .rlx--done .rlx-ring b { color: var(--ax-done) !important; }
.re-leases-page .rlx-ring b {
  font-size: clamp(.62rem, .95vw, .74rem) !important;
}

.re-leases-page .rlx-tenant {
  padding: clamp(.45rem, .9vw, .65rem) clamp(.55rem, 1vw, .75rem) !important;
  border-radius: 12px !important;
}
.re-leases-page .rlx--draft .rlx-tenant {
  background: var(--ax-draft-bg) !important;
  border-color: var(--ax-draft-soft) !important;
}
.re-leases-page .rlx--active .rlx-tenant {
  background: var(--ax-live-bg) !important;
  border-color: var(--ax-live-soft) !important;
}
.re-leases-page .rlx--done .rlx-tenant {
  background: var(--ax-done-bg) !important;
  border-color: var(--ax-done-soft) !important;
}
.re-leases-page .rlx-tenant span {
  font-size: clamp(.55rem, .8vw, .62rem) !important;
}
.re-leases-page .rlx-tenant strong {
  font-size: clamp(.82rem, 1.2vw, .98rem) !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  line-height: 1.4 !important;
}
.re-leases-page .rlx-date span {
  font-size: clamp(.55rem, .8vw, .62rem) !important;
}
.re-leases-page .rlx-date b {
  font-size: clamp(.78rem, 1.15vw, .92rem) !important;
  font-variant-numeric: tabular-nums !important;
  overflow-wrap: anywhere !important;
}
.re-leases-page .rlx-btn {
  font-size: clamp(.68rem, 1vw, .76rem) !important;
  padding: clamp(.4rem, .8vw, .5rem) clamp(.7rem, 1.2vw, 1rem) !important;
  min-height: clamp(1.9rem, 3vw, 2.15rem) !important;
  border-radius: 11px !important;
}
.re-leases-page .rlx--draft .rlx-btn.primary,
.re-leases-page .rlx--draft .rlx-btn.danger {
  background: linear-gradient(135deg, #4a5874, #5b6b8a) !important;
  box-shadow: 0 8px 16px rgba(91,107,138,.28) !important;
}
.re-leases-page .rlx--active .rlx-btn.primary,
.re-leases-page .rlx--active .rlx-btn.danger {
  background: linear-gradient(135deg, #0a5247, #0d6b5c) !important;
  box-shadow: 0 8px 16px rgba(13,107,92,.28) !important;
}
.re-leases-page .rlx--done .rlx-btn.primary,
.re-leases-page .rlx--done .rlx-btn.danger {
  background: linear-gradient(135deg, #7a2f43, #9b3d55) !important;
  box-shadow: 0 8px 16px rgba(155,61,85,.28) !important;
}
.re-leases-page .rlx--draft .rlx-btn.ghost { color: var(--ax-draft) !important; border-color: var(--ax-draft-soft) !important; }
.re-leases-page .rlx--active .rlx-btn.ghost { color: var(--ax-live) !important; border-color: var(--ax-live-soft) !important; }
.re-leases-page .rlx--done .rlx-btn.ghost { color: var(--ax-done) !important; border-color: var(--ax-done-soft) !important; }

@media (max-width: 1100px) {
  .re-leases-page .re-atelier-board,
  .re-leases-page .re-atelier-board:not(.re-kanban--two) {
    grid-template-columns: 1fr !important;
  }
}
@media (max-width: 640px) {
  .re-leases-page .rlx {
    grid-template-columns: 3.1rem minmax(0, 1fr) !important;
  }
  .re-leases-page .rlx-head {
    flex-wrap: wrap !important;
  }
  .re-leases-page .rlx-actions {
    width: 100% !important;
  }
  .re-leases-page .rlx-btn {
    flex: 1 1 auto !important;
    text-align: center !important;
  }
}
/* === /RE Leases Atelier v100 === */
/* === RE Leases Atelier v101 — rich status chrome + premium cards === */
.re-leases-page {
  --ax-draft: #2f3b4f;
  --ax-draft-mid: #4a5870;
  --ax-live: #0a4f45;
  --ax-live-mid: #0d6b5c;
  --ax-done: #6e2a3c;
  --ax-done-mid: #8f3b52;
  --ax-ink: #101820;
  --ax-mute: #667788;
  --ax-paper: #fbfcfd;
}
.re-leases-page .re-leases-atelier {
  background: linear-gradient(165deg, #e6ebf0 0%, #d8e0e8 100%) !important;
  padding: clamp(.85rem, 1.5vw, 1.2rem) !important;
  border-radius: 22px !important;
}
.re-leases-page .re-atelier-board {
  gap: clamp(.85rem, 1.5vw, 1.2rem) !important;
}

/* Deep colored lane headers — unmistakable */
.re-leases-page .re-atelier-lane {
  background: #fff !important;
  border: 1px solid rgba(16,24,32,.08) !important;
  border-radius: 20px !important;
  box-shadow: 0 22px 48px rgba(16,24,32,.12) !important;
  overflow: hidden !important;
}
.re-leases-page .re-atelier-lane-head {
  padding: 1rem 1.15rem !important;
  border-bottom: 0 !important;
  color: #fff !important;
}
.re-leases-page .re-atelier-lane-head::before { display: none !important; }
.re-leases-page .re-atelier-lane.is-draft .re-atelier-lane-head {
  background: linear-gradient(120deg, #243044 0%, #3d4d66 100%) !important;
}
.re-leases-page .re-atelier-lane.is-active .re-atelier-lane-head {
  background: linear-gradient(120deg, #063d36 0%, #0a4f45 45%, #0f6b5c 100%) !important;
}
.re-leases-page .re-atelier-lane.is-done .re-atelier-lane-head {
  background: linear-gradient(120deg, #4f1d2b 0%, #6e2a3c 50%, #8f3b52 100%) !important;
}
.re-leases-page .re-atelier-lane-title { gap: .6rem !important; }
.re-leases-page .re-atelier-dot {
  width: .55rem !important;
  height: .55rem !important;
  background: #fff !important;
  box-shadow: 0 0 0 3px rgba(255,255,255,.25) !important;
  opacity: .95 !important;
}
.re-leases-page .re-atelier-lane-head h2 {
  color: #fff !important;
  font-size: clamp(1rem, 1.4vw, 1.15rem) !important;
  font-weight: 750 !important;
  letter-spacing: .01em !important;
}
.re-leases-page .re-atelier-count {
  color: #fff !important;
  font-size: clamp(1.4rem, 2.1vw, 1.85rem) !important;
  font-weight: 800 !important;
  opacity: .95 !important;
  min-width: 2.2rem !important;
  height: 2.2rem !important;
  display: inline-grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.16) !important;
  border: 1px solid rgba(255,255,255,.28) !important;
}
.re-leases-page .re-atelier-lane-body {
  background: linear-gradient(180deg, #f7f9fb, #eef2f6) !important;
  padding: 1rem !important;
  gap: .9rem !important;
}
.re-leases-page .re-atelier-empty {
  min-height: 8rem !important;
  border-style: solid !important;
  border-width: 1px !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.7) !important;
  font-size: .84rem !important;
  color: #8a98a6 !important;
}
.re-leases-page .re-atelier-lane.is-draft .re-atelier-empty { border-color: #c5cedb !important; }
.re-leases-page .re-atelier-lane.is-active .re-atelier-empty { border-color: #b7d5cf !important; }
.re-leases-page .re-atelier-lane.is-done .re-atelier-empty { border-color: #d8b8c1 !important; }

/* Premium flat card — no fat side rail */
.re-leases-page .rlx {
  display: flex !important;
  flex-direction: column !important;
  grid-template-columns: none !important;
  position: relative !important;
  border-radius: 16px !important;
  background: var(--ax-paper) !important;
  border: 1px solid rgba(16,24,32,.08) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.95) inset,
    0 12px 28px rgba(16,24,32,.1) !important;
  overflow: hidden !important;
  transition: transform .18s ease, box-shadow .18s ease !important;
}
.re-leases-page .rlx:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 20px 40px rgba(16,24,32,.14) !important;
}
.re-leases-page .rlx-accent {
  height: 4px !important;
  width: 100% !important;
  flex: 0 0 auto !important;
}
.re-leases-page .rlx--draft .rlx-accent { background: linear-gradient(90deg, #243044, #5a6b86) !important; }
.re-leases-page .rlx--active .rlx-accent { background: linear-gradient(90deg, #063d36, #0f6b5c) !important; }
.re-leases-page .rlx--done .rlx-accent { background: linear-gradient(90deg, #4f1d2b, #8f3b52) !important; }
.re-leases-page .rlx-rail { display: none !important; }

.re-leases-page .rlx-body {
  display: grid !important;
  gap: .7rem !important;
  padding: 1rem 1.05rem .55rem !important;
  cursor: pointer !important;
  background: transparent !important;
}
.re-leases-page .rlx-top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .6rem !important;
}
.re-leases-page .rlx-status {
  font-size: .66rem !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;
  padding: .28rem .65rem !important;
  border-radius: 999px !important;
  border: 0 !important;
}
.re-leases-page .rlx-status.draft {
  background: #e8ecf3 !important;
  color: #2f3b4f !important;
}
.re-leases-page .rlx-status.active {
  background: #d9f0ea !important;
  color: #0a4f45 !important;
}
.re-leases-page .rlx-status.finished {
  background: #f3e0e6 !important;
  color: #6e2a3c !important;
}
.re-leases-page .rlx-unit {
  font-family: Outfit, "IBM Plex Sans Arabic", sans-serif !important;
  font-size: clamp(.78rem, 1.2vw, .9rem) !important;
  font-weight: 800 !important;
  letter-spacing: .06em !important;
  padding: .32rem .7rem !important;
  border-radius: 999px !important;
  color: #fff !important;
  max-width: 45% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.re-leases-page .rlx--draft .rlx-unit { background: var(--ax-draft) !important; }
.re-leases-page .rlx--active .rlx-unit { background: var(--ax-live) !important; }
.re-leases-page .rlx--done .rlx-unit { background: var(--ax-done) !important; }

.re-leases-page .rlx-no {
  display: block !important;
  font-family: Outfit, "IBM Plex Sans Arabic", sans-serif !important;
  font-size: clamp(1.05rem, 1.6vw, 1.28rem) !important;
  font-weight: 800 !important;
  letter-spacing: .03em !important;
  color: var(--ax-ink) !important;
  line-height: 1.2 !important;
  overflow-wrap: anywhere !important;
}
.re-leases-page .rlx-meta {
  margin: -.25rem 0 0 !important;
  font-size: clamp(.7rem, 1.05vw, .8rem) !important;
  font-weight: 650 !important;
  color: var(--ax-mute) !important;
  line-height: 1.45 !important;
  overflow-wrap: anywhere !important;
}

.re-leases-page .rlx-tenant {
  padding: .7rem .8rem !important;
  border-radius: 12px !important;
  background: #f3f6f9 !important;
  border: 1px solid #e4ebf1 !important;
}
.re-leases-page .rlx--draft .rlx-tenant { background: #f2f4f8 !important; border-color: #dde3ec !important; }
.re-leases-page .rlx--active .rlx-tenant { background: #eef8f5 !important; border-color: #d2ebe4 !important; }
.re-leases-page .rlx--done .rlx-tenant { background: #f9f1f4 !important; border-color: #ebd5dc !important; }
.re-leases-page .rlx-tenant span {
  display: block !important;
  font-size: .62rem !important;
  font-weight: 750 !important;
  color: #8a98a6 !important;
  margin-bottom: .2rem !important;
  letter-spacing: .04em !important;
}
.re-leases-page .rlx-tenant strong {
  display: block !important;
  font-size: clamp(.88rem, 1.25vw, 1.02rem) !important;
  font-weight: 750 !important;
  color: var(--ax-ink) !important;
  line-height: 1.4 !important;
  overflow-wrap: anywhere !important;
}

.re-leases-page .rlx-dates {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: .75rem !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
}
.re-leases-page .rlx-date-sep { display: none !important; }
.re-leases-page .rlx-date span {
  display: block !important;
  font-size: .62rem !important;
  font-weight: 750 !important;
  color: #8a98a6 !important;
  margin-bottom: .25rem !important;
}
.re-leases-page .rlx-date b {
  font-family: Outfit, "IBM Plex Sans Arabic", sans-serif !important;
  font-size: clamp(.84rem, 1.2vw, .95rem) !important;
  font-weight: 750 !important;
  color: #1a2d3a !important;
  font-variant-numeric: tabular-nums !important;
}

.re-leases-page .rlx-progress {
  display: flex !important;
  align-items: center !important;
  gap: .65rem !important;
  margin-top: .1rem !important;
}
.re-leases-page .rlx-progress-track {
  flex: 1 !important;
  height: .38rem !important;
  border-radius: 999px !important;
  background: #e5ebf0 !important;
  overflow: hidden !important;
}
.re-leases-page .rlx-progress-track i {
  display: block !important;
  height: 100% !important;
  border-radius: inherit !important;
}
.re-leases-page .rlx--draft .rlx-progress-track i { background: linear-gradient(90deg, #2f3b4f, #5a6b86) !important; }
.re-leases-page .rlx--active .rlx-progress-track i { background: linear-gradient(90deg, #0a4f45, #149178) !important; }
.re-leases-page .rlx--done .rlx-progress-track i { background: linear-gradient(90deg, #6e2a3c, #a84d66) !important; }
.re-leases-page .rlx-progress em {
  font-style: normal !important;
  font-family: Outfit, sans-serif !important;
  font-size: .72rem !important;
  font-weight: 800 !important;
  min-width: 2.4rem !important;
  text-align: end !important;
  font-variant-numeric: tabular-nums !important;
}
.re-leases-page .rlx--draft .rlx-progress em { color: var(--ax-draft) !important; }
.re-leases-page .rlx--active .rlx-progress em { color: var(--ax-live) !important; }
.re-leases-page .rlx--done .rlx-progress em { color: var(--ax-done) !important; }

.re-leases-page .rlx-ring { display: none !important; }

.re-leases-page .rlx-foot {
  padding: .75rem 1.05rem 1rem !important;
  border-top: 1px solid #e8eef3 !important;
  margin: 0 !important;
  background: rgba(255,255,255,.65) !important;
}
.re-leases-page .rlx-actions {
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: 1fr !important;
  gap: .45rem !important;
  width: 100% !important;
}
.re-leases-page .rlx-btn {
  width: 100% !important;
  justify-content: center !important;
  text-align: center !important;
  border-radius: 11px !important;
  min-height: 2.25rem !important;
  font-size: .76rem !important;
  font-weight: 750 !important;
  padding: .5rem .6rem !important;
}
.re-leases-page .rlx--draft .rlx-btn.primary,
.re-leases-page .rlx--draft .rlx-btn.danger {
  background: linear-gradient(135deg, #243044, #3d4d66) !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: 0 8px 16px rgba(47,59,79,.28) !important;
}
.re-leases-page .rlx--active .rlx-btn.primary,
.re-leases-page .rlx--active .rlx-btn.danger {
  background: linear-gradient(135deg, #063d36, #0a4f45) !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: 0 8px 16px rgba(10,79,69,.28) !important;
}
.re-leases-page .rlx--done .rlx-btn.primary,
.re-leases-page .rlx--done .rlx-btn.danger {
  background: linear-gradient(135deg, #4f1d2b, #6e2a3c) !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: 0 8px 16px rgba(110,42,60,.28) !important;
}
.re-leases-page .rlx-btn.ghost {
  background: #fff !important;
  border: 1px solid #d0dae4 !important;
}
.re-leases-page .rlx--draft .rlx-btn.ghost { color: var(--ax-draft) !important; }
.re-leases-page .rlx--active .rlx-btn.ghost { color: var(--ax-live) !important; }
.re-leases-page .rlx--done .rlx-btn.ghost { color: var(--ax-done) !important; }

@media (max-width: 1100px) {
  .re-leases-page .re-atelier-board,
  .re-leases-page .re-atelier-board:not(.re-kanban--two) {
    grid-template-columns: 1fr !important;
  }
}
/* === /RE Leases Atelier v101 === */
/* === RE Lease Board rlb v102 — clean consistent board === */
.re-leases-page .re-leases-filters {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-end !important;
  gap: .75rem 1rem !important;
  padding: .9rem 1.1rem !important;
  background: #fff !important;
  border: 1px solid #dde5ed !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 24px rgba(16,24,32,.05) !important;
  grid-template-columns: none !important;
}
.re-leases-page .re-leases-filters .re-erp-filter-search { flex: 1 1 14rem !important; }
.re-leases-page .re-leases-filters .re-erp-filter-field,
.re-leases-page .re-leases-filters .re-erp-filter-search { display: grid !important; gap: .25rem !important; }
.re-leases-page .re-leases-filters .re-erp-filter-field > span,
.re-leases-page .re-leases-filters .re-erp-filter-search > span {
  font-size: .68rem !important; font-weight: 700 !important; color: #6a7b8c !important;
}
.re-leases-page .re-leases-filters .field-input {
  min-height: 2.4rem !important; border-radius: 10px !important;
  border: 1px solid #cfd9e3 !important; background: #fbfcfd !important;
}
.re-leases-page .re-leases-filters .re-erp-filter-switch {
  margin-inline-start: auto !important; align-self: center !important;
  font-size: .78rem !important; font-weight: 700 !important; color: #3d5163 !important;
}

.re-leases-page .rlb-stage { margin-top: .85rem !important; }
.re-leases-page .rlb-paths {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .75rem 1rem !important;
  margin: .85rem 0 0 !important;
  padding: .85rem 1rem !important;
  border-radius: 16px !important;
  border: 1px solid rgba(184, 149, 108, .35) !important;
  background:
    radial-gradient(120% 90% at 100% 0%, rgba(255,255,255,.95), transparent 50%),
    linear-gradient(145deg, #fffdf9, #f4ebe0) !important;
  box-shadow: inset 0 1px 0 #fff, 0 8px 20px rgba(40,28,16,.06) !important;
}
.re-leases-page .rlb-paths-copy {
  display: flex !important;
  flex-direction: column !important;
  gap: .2rem !important;
  min-width: min(100%, 18rem) !important;
  flex: 1 1 16rem !important;
}
.re-leases-page .rlb-paths-copy strong {
  font-size: .9rem !important;
  font-weight: 850 !important;
  color: #5c3d18 !important;
}
.re-leases-page .rlb-paths-copy p {
  margin: 0 !important;
  font-size: .78rem !important;
  line-height: 1.45 !important;
  color: #5c5560 !important;
}
.re-leases-page .rlb-paths-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .4rem !important;
}
.re-leases-page .rlb-paths-btn {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 2.15rem !important;
  padding: .4rem .9rem !important;
  border-radius: 999px !important;
  text-decoration: none !important;
  font-size: .78rem !important;
  font-weight: 800 !important;
  color: #1a1208 !important;
  background: linear-gradient(135deg, #f3e0b5, #c9a45c) !important;
  border: 1px solid rgba(166,124,46,.4) !important;
  box-shadow: 0 6px 14px rgba(168,130,55,.2) !important;
}
.re-leases-page .rlb-paths-btn.ghost {
  background: rgba(255,255,255,.85) !important;
  color: #2a2430 !important;
  border-color: rgba(140,120,90,.4) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] .re-leases-page .rlb-paths,
html[data-theme="obsidian"] .re-leases-page .rlb-paths,
html.theme-obsidian .re-leases-page .rlb-paths,
body.theme-obsidian .re-leases-page .rlb-paths {
  background: linear-gradient(145deg, #1a222c, #121820) !important;
  border-color: rgba(212,180,131,.28) !important;
}
html[data-theme="dark"] .re-leases-page .rlb-paths-copy strong,
html[data-theme="obsidian"] .re-leases-page .rlb-paths-copy strong,
html.theme-obsidian .re-leases-page .rlb-paths-copy strong,
body.theme-obsidian .re-leases-page .rlb-paths-copy strong { color: #f0d7a4 !important; }
html[data-theme="dark"] .re-leases-page .rlb-paths-copy p,
html[data-theme="obsidian"] .re-leases-page .rlb-paths-copy p,
html.theme-obsidian .re-leases-page .rlb-paths-copy p,
body.theme-obsidian .re-leases-page .rlb-paths-copy p { color: #b8c4d0 !important; }
.re-leases-page .rlb-board {
  display: grid !important; gap: 1rem !important; align-items: stretch !important;
}
.re-leases-page .rlb-board.is-two { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
.re-leases-page .rlb-board.is-three { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }

.re-leases-page .rlb-col {
  --c: #45566d; --c-soft: #dfe6ef; --c-wash: #f3f6f9;
  background: #fff !important; border: 1px solid #e1e8ef !important;
  border-radius: 18px !important; box-shadow: 0 14px 34px rgba(16,24,32,.07) !important;
  overflow: hidden !important; min-height: 18rem !important;
  display: flex !important; flex-direction: column !important;
}
.re-leases-page .rlb-col.is-draft { --c: #45566d; --c-soft: #dfe6ef; --c-wash: #f3f6f9; }
.re-leases-page .rlb-col.is-live { --c: #0c5c52; --c-soft: #cfe8e2; --c-wash: #eef8f5; }
.re-leases-page .rlb-col.is-ended { --c: #7a3348; --c-soft: #edd4db; --c-wash: #f9f1f4; }

.re-leases-page .rlb-col-head {
  display: flex !important; align-items: center !important; justify-content: space-between !important;
  gap: .75rem !important; padding: .95rem 1.1rem !important;
  background: #fff !important; border-bottom: 1px solid var(--c-soft) !important;
  border-block-start: 4px solid var(--c) !important;
}
.re-leases-page .rlb-col-name {
  font-size: 1.02rem !important; font-weight: 750 !important; color: var(--c) !important;
  font-family: "IBM Plex Sans Arabic", Outfit, sans-serif !important;
}
.re-leases-page .rlb-col-count {
  min-width: 2rem !important; height: 2rem !important; padding: 0 .55rem !important;
  border-radius: 999px !important; display: inline-grid !important; place-items: center !important;
  background: var(--c-wash) !important; color: var(--c) !important; border: 1px solid var(--c-soft) !important;
  font-family: Outfit, sans-serif !important; font-weight: 800 !important; font-size: .95rem !important;
}
.re-leases-page .rlb-col-body {
  flex: 1 !important; display: flex !important; flex-direction: column !important;
  gap: .85rem !important; padding: .95rem !important; background: var(--c-wash) !important;
  min-height: 0 !important;
}
.re-leases-page .rlb-pager {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .55rem !important;
  flex-wrap: wrap !important;
  margin-top: auto !important;
  padding: .7rem .85rem !important;
  border-top: 1px solid var(--c-soft) !important;
  background:
    radial-gradient(120% 80% at 100% 0%, rgba(255,255,255,.9), transparent 55%),
    linear-gradient(180deg, #fffefb 0%, #f4efe6 100%) !important;
  box-shadow: inset 0 1px 0 #fff !important;
}
.re-leases-page .rlb-pager-meta {
  font-size: .72rem !important;
  font-weight: 750 !important;
  color: var(--c) !important;
  font-variant-numeric: tabular-nums !important;
  letter-spacing: .02em !important;
  opacity: .92 !important;
}
.re-leases-page .rlb-pager-nav {
  display: inline-flex !important;
  align-items: center !important;
  gap: .28rem !important;
  flex-wrap: wrap !important;
  padding: .18rem !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.72) !important;
  border: 1px solid rgba(184, 149, 108, .28) !important;
  box-shadow: 0 4px 12px rgba(40, 28, 16, .06) !important;
}
.re-leases-page .rlb-pager-btn,
.re-leases-page .rlb-pager-num {
  min-width: 2rem !important;
  min-height: 2rem !important;
  padding: 0 .45rem !important;
  border-radius: 999px !important;
  border: 1px solid transparent !important;
  background: transparent !important;
  color: var(--c) !important;
  font-size: .8rem !important;
  font-weight: 800 !important;
  font-variant-numeric: tabular-nums !important;
  cursor: pointer !important;
  transition: transform .15s ease, background .15s ease, box-shadow .15s ease !important;
}
.re-leases-page .rlb-pager-btn:hover:not(:disabled),
.re-leases-page .rlb-pager-num:hover:not(.is-on) {
  background: rgba(255,255,255,.95) !important;
  border-color: rgba(184, 149, 108, .35) !important;
  transform: translateY(-1px) !important;
}
.re-leases-page .rlb-pager-btn:disabled {
  opacity: .35 !important;
  cursor: not-allowed !important;
  transform: none !important;
}
.re-leases-page .rlb-pager-num.is-on {
  background: linear-gradient(135deg, #f3e0b5, #c9a45c 55%, #a67c2e) !important;
  color: #1a1208 !important;
  border-color: rgba(166, 124, 46, .45) !important;
  box-shadow: 0 6px 14px rgba(168, 130, 55, .28) !important;
}
.re-leases-page .rlb-col.is-live .rlb-pager-num.is-on {
  background: linear-gradient(135deg, #b8e4da, #2a9d8f 55%, #1a6b63) !important;
  color: #fff !important;
  border-color: rgba(26, 107, 99, .4) !important;
  box-shadow: 0 6px 14px rgba(42, 157, 143, .28) !important;
}
.re-leases-page .rlb-col.is-ended .rlb-pager-num.is-on {
  background: linear-gradient(135deg, #f0c4ce, #a84d66 55%, #7a3348) !important;
  color: #fff !important;
  border-color: rgba(122, 51, 72, .4) !important;
  box-shadow: 0 6px 14px rgba(122, 51, 72, .25) !important;
}
html[data-theme="dark"] .re-leases-page .rlb-pager,
html[data-theme="obsidian"] .re-leases-page .rlb-pager,
html.theme-obsidian .re-leases-page .rlb-pager,
body.theme-obsidian .re-leases-page .rlb-pager {
  background: linear-gradient(180deg, #1a222c, #121820) !important;
  border-top-color: rgba(255,255,255,.08) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] .re-leases-page .rlb-pager-nav,
html[data-theme="obsidian"] .re-leases-page .rlb-pager-nav,
html.theme-obsidian .re-leases-page .rlb-pager-nav,
body.theme-obsidian .re-leases-page .rlb-pager-nav {
  background: rgba(0,0,0,.28) !important;
  border-color: rgba(212,180,131,.25) !important;
}
html[data-theme="dark"] .re-leases-page .rlb-pager-meta,
html[data-theme="obsidian"] .re-leases-page .rlb-pager-meta,
html.theme-obsidian .re-leases-page .rlb-pager-meta,
body.theme-obsidian .re-leases-page .rlb-pager-meta {
  color: #d7c4a8 !important;
}
html[data-theme="dark"] .re-leases-page .rlb-pager-btn,
html[data-theme="dark"] .re-leases-page .rlb-pager-num,
html[data-theme="obsidian"] .re-leases-page .rlb-pager-btn,
html[data-theme="obsidian"] .re-leases-page .rlb-pager-num,
html.theme-obsidian .re-leases-page .rlb-pager-btn,
html.theme-obsidian .re-leases-page .rlb-pager-num,
body.theme-obsidian .re-leases-page .rlb-pager-btn,
body.theme-obsidian .re-leases-page .rlb-pager-num {
  color: #e8eef4 !important;
}
.re-leases-page .rlb-empty {
  flex: 1 !important; min-height: 7rem !important; display: grid !important; place-items: center !important;
  border: 1px dashed var(--c-soft) !important; border-radius: 14px !important;
  background: rgba(255,255,255,.75) !important; color: #8a98a6 !important;
  font-size: .84rem !important; font-weight: 650 !important;
}

.re-leases-page .rlb-card {
  --c: #45566d; --c-soft: #dfe6ef; --c-wash: #f3f6f9;
  background: #fff !important; border: 1px solid #e2e9f0 !important; border-radius: 16px !important;
  box-shadow: 0 10px 24px rgba(16,24,32,.06) !important; overflow: hidden !important;
  display: flex !important; flex-direction: column !important;
  transition: transform .16s ease, box-shadow .16s ease !important;
}
.re-leases-page .rlb-card.is-draft { --c: #45566d; --c-soft: #dfe6ef; --c-wash: #f3f6f9; }
.re-leases-page .rlb-card.is-live { --c: #0c5c52; --c-soft: #cfe8e2; --c-wash: #eef8f5; }
.re-leases-page .rlb-card.is-ended { --c: #7a3348; --c-soft: #edd4db; --c-wash: #f9f1f4; }
.re-leases-page .rlb-card:hover {
  transform: translateY(-2px) !important; box-shadow: 0 16px 32px rgba(16,24,32,.1) !important;
}
.re-leases-page .rlb-card-main {
  display: grid !important; gap: .55rem !important; padding: 1rem 1rem .7rem !important; cursor: pointer !important;
}
.re-leases-page .rlb-card-top {
  display: flex !important; align-items: center !important; justify-content: space-between !important; gap: .5rem !important;
}
.re-leases-page .rlb-unit {
  font-family: Outfit, "IBM Plex Sans Arabic", sans-serif !important;
  font-size: .82rem !important; font-weight: 800 !important; letter-spacing: .04em !important;
  color: #fff !important; background: var(--c) !important; border-radius: 999px !important;
  padding: .28rem .7rem !important; max-width: 48% !important;
  overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important;
}
.re-leases-page .rlb-badge {
  font-size: .66rem !important; font-weight: 800 !important; color: var(--c) !important;
  background: var(--c-wash) !important; border: 1px solid var(--c-soft) !important;
  border-radius: 999px !important; padding: .25rem .65rem !important;
}
.re-leases-page .rlb-no {
  font-family: Outfit, "IBM Plex Sans Arabic", sans-serif !important;
  font-size: clamp(1.05rem, 1.5vw, 1.22rem) !important; font-weight: 800 !important;
  color: #121c27 !important; letter-spacing: .02em !important; overflow-wrap: anywhere !important;
}
.re-leases-page .rlb-meta {
  font-size: clamp(.7rem, 1vw, .78rem) !important; color: #6a7b8c !important;
  font-weight: 650 !important; line-height: 1.4 !important; overflow-wrap: anywhere !important;
}
.re-leases-page .rlb-tenant {
  padding: .65rem .75rem !important; border-radius: 12px !important;
  background: var(--c-wash) !important; border: 1px solid var(--c-soft) !important;
}
.re-leases-page .rlb-tenant small {
  display: block !important; font-size: .62rem !important; font-weight: 750 !important;
  color: #8494a3 !important; margin-bottom: .15rem !important;
}
.re-leases-page .rlb-tenant em {
  display: block !important; font-style: normal !important;
  font-size: clamp(.88rem, 1.2vw, 1rem) !important; font-weight: 750 !important;
  color: #121c27 !important; overflow-wrap: anywhere !important; line-height: 1.4 !important;
}
.re-leases-page .rlb-term {
  display: grid !important; grid-template-columns: 1fr 1fr !important; gap: .7rem !important;
}
.re-leases-page .rlb-term small {
  display: block !important; font-size: .62rem !important; font-weight: 750 !important;
  color: #8494a3 !important; margin-bottom: .18rem !important;
}
.re-leases-page .rlb-term b {
  font-family: Outfit, "IBM Plex Sans Arabic", sans-serif !important;
  font-size: clamp(.82rem, 1.15vw, .92rem) !important; font-weight: 750 !important;
  color: #1a2d3a !important; font-variant-numeric: tabular-nums !important;
}
.re-leases-page .rlb-bar {
  display: flex !important; align-items: center !important; gap: .55rem !important; margin-top: .1rem !important;
}
.re-leases-page .rlb-bar-track {
  flex: 1 !important; height: .34rem !important; border-radius: 999px !important;
  background: #e5ebf0 !important; overflow: hidden !important; display: block !important;
}
.re-leases-page .rlb-bar-track i {
  display: block !important; height: 100% !important; border-radius: inherit !important; background: var(--c) !important;
}
.re-leases-page .rlb-bar em {
  font-style: normal !important; font-family: Outfit, sans-serif !important;
  font-size: .72rem !important; font-weight: 800 !important; color: var(--c) !important;
  min-width: 2.5rem !important; text-align: end !important;
}
.re-leases-page .rlb-card-actions {
  display: grid !important; grid-auto-flow: column !important; grid-auto-columns: 1fr !important;
  gap: .4rem !important; padding: .75rem 1rem 1rem !important;
  border-top: 1px solid #eef2f6 !important; background: #fbfcfd !important;
}
.re-leases-page .rlb-act {
  min-height: 2.2rem !important; border-radius: 10px !important; font-size: .76rem !important;
  font-weight: 750 !important; cursor: pointer !important; border: 1px solid transparent !important;
}
.re-leases-page .rlb-act.primary {
  background: var(--c) !important; color: #fff !important;
  box-shadow: 0 6px 14px rgba(16,24,32,.18) !important;
}
.re-leases-page .rlb-act.ghost {
  background: #fff !important; color: var(--c) !important; border-color: var(--c-soft) !important;
}
@media (max-width: 980px) {
  .re-leases-page .rlb-board.is-two,
  .re-leases-page .rlb-board.is-three { grid-template-columns: 1fr !important; }
}
/* === /RE Lease Board rlb v102 === */
/* === RE Dark Sync v103 — leases board + suite surfaces for dark/obsidian === */
html[data-theme="dark"] .re-leases-page .re-leases-filters,
html[data-theme="obsidian"] .re-leases-page .re-leases-filters {
  background: #161e2a !important;
  border-color: #2a3848 !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.35) !important;
}
html[data-theme="dark"] .re-leases-page .re-leases-filters .re-erp-filter-field > span,
html[data-theme="dark"] .re-leases-page .re-leases-filters .re-erp-filter-search > span,
html[data-theme="obsidian"] .re-leases-page .re-leases-filters .re-erp-filter-field > span,
html[data-theme="obsidian"] .re-leases-page .re-leases-filters .re-erp-filter-search > span {
  color: #9bb0bf !important;
}
html[data-theme="dark"] .re-leases-page .re-leases-filters .field-input,
html[data-theme="obsidian"] .re-leases-page .re-leases-filters .field-input {
  background: #0f1620 !important;
  border-color: #314456 !important;
  color: #e8f0f4 !important;
}
html[data-theme="dark"] .re-leases-page .re-leases-filters .re-erp-filter-switch,
html[data-theme="obsidian"] .re-leases-page .re-leases-filters .re-erp-filter-switch {
  background: #121820 !important;
  border-color: #2a3848 !important;
  color: #c5d4e0 !important;
}
html[data-theme="dark"] .re-leases-page .re-leases-filters .muted,
html[data-theme="obsidian"] .re-leases-page .re-leases-filters .muted { color: #8aa0b0 !important; }

html[data-theme="dark"] .re-leases-page .rlb-col,
html[data-theme="obsidian"] .re-leases-page .rlb-col {
  background: #161e2a !important;
  border-color: #2a3848 !important;
  box-shadow: 0 16px 36px rgba(0,0,0,.4) !important;
}
html[data-theme="dark"] .re-leases-page .rlb-col.is-draft,
html[data-theme="obsidian"] .re-leases-page .rlb-col.is-draft {
  --c: #8fa3c0; --c-soft: #334155; --c-wash: #1a2330;
}
html[data-theme="dark"] .re-leases-page .rlb-col.is-live,
html[data-theme="obsidian"] .re-leases-page .rlb-col.is-live {
  --c: #3dcfb0; --c-soft: #1d4a42; --c-wash: #142822;
}
html[data-theme="dark"] .re-leases-page .rlb-col.is-ended,
html[data-theme="obsidian"] .re-leases-page .rlb-col.is-ended {
  --c: #e08aa0; --c-soft: #4a2a35; --c-wash: #261820;
}
html[data-theme="dark"] .re-leases-page .rlb-col-head,
html[data-theme="obsidian"] .re-leases-page .rlb-col-head {
  background: #121820 !important;
  border-bottom-color: var(--c-soft) !important;
}
html[data-theme="dark"] .re-leases-page .rlb-col-body,
html[data-theme="obsidian"] .re-leases-page .rlb-col-body {
  background: var(--c-wash) !important;
}
html[data-theme="dark"] .re-leases-page .rlb-empty,
html[data-theme="obsidian"] .re-leases-page .rlb-empty {
  background: rgba(15,22,32,.65) !important;
  border-color: var(--c-soft) !important;
  color: #8aa0b0 !important;
}
html[data-theme="dark"] .re-leases-page .rlb-card,
html[data-theme="obsidian"] .re-leases-page .rlb-card {
  background: #1a2330 !important;
  border-color: #2f4052 !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.35) !important;
}
html[data-theme="dark"] .re-leases-page .rlb-card.is-draft,
html[data-theme="obsidian"] .re-leases-page .rlb-card.is-draft {
  --c: #8fa3c0; --c-soft: #334155; --c-wash: #121820;
}
html[data-theme="dark"] .re-leases-page .rlb-card.is-live,
html[data-theme="obsidian"] .re-leases-page .rlb-card.is-live {
  --c: #3dcfb0; --c-soft: #1d4a42; --c-wash: #10201c;
}
html[data-theme="dark"] .re-leases-page .rlb-card.is-ended,
html[data-theme="obsidian"] .re-leases-page .rlb-card.is-ended {
  --c: #e08aa0; --c-soft: #4a2a35; --c-wash: #201218;
}
html[data-theme="dark"] .re-leases-page .rlb-no,
html[data-theme="obsidian"] .re-leases-page .rlb-no { color: #eef4f8 !important; }
html[data-theme="dark"] .re-leases-page .rlb-meta,
html[data-theme="obsidian"] .re-leases-page .rlb-meta { color: #9bb0bf !important; }
html[data-theme="dark"] .re-leases-page .rlb-tenant,
html[data-theme="obsidian"] .re-leases-page .rlb-tenant {
  background: var(--c-wash) !important;
  border-color: var(--c-soft) !important;
}
html[data-theme="dark"] .re-leases-page .rlb-tenant small,
html[data-theme="dark"] .re-leases-page .rlb-term small,
html[data-theme="obsidian"] .re-leases-page .rlb-tenant small,
html[data-theme="obsidian"] .re-leases-page .rlb-term small { color: #8aa0b0 !important; }
html[data-theme="dark"] .re-leases-page .rlb-tenant em,
html[data-theme="dark"] .re-leases-page .rlb-term b,
html[data-theme="obsidian"] .re-leases-page .rlb-tenant em,
html[data-theme="obsidian"] .re-leases-page .rlb-term b { color: #e8f0f4 !important; }
html[data-theme="dark"] .re-leases-page .rlb-bar-track,
html[data-theme="obsidian"] .re-leases-page .rlb-bar-track { background: #243040 !important; }
html[data-theme="dark"] .re-leases-page .rlb-card-actions,
html[data-theme="obsidian"] .re-leases-page .rlb-card-actions {
  background: #121820 !important;
  border-top-color: #2a3848 !important;
}
html[data-theme="dark"] .re-leases-page .rlb-act.ghost,
html[data-theme="obsidian"] .re-leases-page .rlb-act.ghost {
  background: #161e2a !important;
  border-color: var(--c-soft) !important;
}

/* Suite-wide dark surfaces that still force light panels */
html[data-theme="dark"] .re-page.re-suite .re-suite-stage,
html[data-theme="obsidian"] .re-page.re-suite .re-suite-stage,
html[data-theme="dark"] .re-page.re-suite .re-erp-filters,
html[data-theme="obsidian"] .re-page.re-suite .re-erp-filters,
html[data-theme="dark"] .re-page.re-suite .re-suite-toolbar,
html[data-theme="obsidian"] .re-page.re-suite .re-suite-toolbar {
  background: #161e2a !important;
  border-color: #2a3848 !important;
  color: #e8f0f4 !important;
}
html[data-theme="dark"] .re-page.re-suite .field-input,
html[data-theme="obsidian"] .re-page.re-suite .field-input,
html[data-theme="dark"] .re-page.re-suite select.field-input,
html[data-theme="obsidian"] .re-page.re-suite select.field-input,
html[data-theme="dark"] .re-page.re-suite textarea.field-input,
html[data-theme="obsidian"] .re-page.re-suite textarea.field-input {
  background: #0f1620 !important;
  border-color: #314456 !important;
  color: #e8f0f4 !important;
}
html[data-theme="dark"] .re-page.re-suite .re-modal,
html[data-theme="obsidian"] .re-page.re-suite .re-modal,
html[data-theme="dark"] .re-page.re-suite .re-sheet,
html[data-theme="obsidian"] .re-page.re-suite .re-sheet {
  background: #161e2a !important;
  border-color: #2a3848 !important;
  color: #e8f0f4 !important;
}
html[data-theme="dark"] .re-page.re-suite .re-modal-header,
html[data-theme="dark"] .re-page.re-suite .re-modal-header--lux,
html[data-theme="obsidian"] .re-page.re-suite .re-modal-header,
html[data-theme="obsidian"] .re-page.re-suite .re-modal-header--lux {
  background: #121820 !important;
  color: #e8f0f4 !important;
  border-bottom-color: #2a3848 !important;
}
html[data-theme="dark"] .re-page.re-suite .re-modal-header h3,
html[data-theme="dark"] .re-page.re-suite .re-modal-header small,
html[data-theme="obsidian"] .re-page.re-suite .re-modal-header h3,
html[data-theme="obsidian"] .re-page.re-suite .re-modal-header small { color: #e8f0f4 !important; }
html[data-theme="dark"] .re-page.re-suite .re-sheet-tabs,
html[data-theme="dark"] .re-page.re-suite .re-sheet-tabs--chrome,
html[data-theme="obsidian"] .re-page.re-suite .re-sheet-tabs,
html[data-theme="obsidian"] .re-page.re-suite .re-sheet-tabs--chrome {
  background: #121820 !important;
  border-color: #2a3848 !important;
}
html[data-theme="dark"] .re-page.re-suite .re-sheet-tab,
html[data-theme="obsidian"] .re-page.re-suite .re-sheet-tab {
  color: #9bb0bf !important;
}
html[data-theme="dark"] .re-page.re-suite .re-sheet-tab.is-on,
html[data-theme="obsidian"] .re-page.re-suite .re-sheet-tab.is-on {
  background: #1e2a38 !important;
  color: #e8f0f4 !important;
  box-shadow: 0 6px 14px rgba(0,0,0,.35) !important;
}
html[data-theme="dark"] .re-page.re-suite .re-modal-body,
html[data-theme="obsidian"] .re-page.re-suite .re-modal-body,
html[data-theme="dark"] .re-page.re-suite .re-sheet-pane,
html[data-theme="obsidian"] .re-page.re-suite .re-sheet-pane,
html[data-theme="dark"] .re-page.re-suite .re-modal-section,
html[data-theme="obsidian"] .re-page.re-suite .re-modal-section {
  background: #161e2a !important;
  color: #e8f0f4 !important;
}
html[data-theme="dark"] .re-page.re-suite .re-attach-panel,
html[data-theme="dark"] .re-page.re-suite .re-attach-panel--lux,
html[data-theme="obsidian"] .re-page.re-suite .re-attach-panel,
html[data-theme="obsidian"] .re-page.re-suite .re-attach-panel--lux {
  background: #121820 !important;
  border-color: #2a3848 !important;
}
html[data-theme="dark"] .re-page.re-suite .re-attach-type,
html[data-theme="obsidian"] .re-page.re-suite .re-attach-type {
  background: #1a2330 !important;
  border-color: #314456 !important;
  color: #c5d4e0 !important;
}
html[data-theme="dark"] .re-page.re-suite .re-attach-type.is-on,
html[data-theme="obsidian"] .re-page.re-suite .re-attach-type.is-on {
  background: #0e4d6b !important;
  color: #fff !important;
  border-color: #0e4d6b !important;
}
html[data-theme="dark"] .re-page.re-suite .re-dropzone--lux,
html[data-theme="obsidian"] .re-page.re-suite .re-dropzone--lux {
  background: linear-gradient(180deg, #121820, #1a2330) !important;
  border-color: #3a5568 !important;
  color: #c5d4e0 !important;
}
html[data-theme="dark"] .re-page.re-suite .re-attach-card,
html[data-theme="obsidian"] .re-page.re-suite .re-attach-card {
  background: #1a2330 !important;
  border-color: #2f4052 !important;
}
html[data-theme="dark"] .re-page.re-suite .re-attach-name,
html[data-theme="dark"] .re-page.re-suite .re-attach-doc,
html[data-theme="obsidian"] .re-page.re-suite .re-attach-name,
html[data-theme="obsidian"] .re-page.re-suite .re-attach-doc { color: #e8f0f4 !important; }
html[data-theme="dark"] .re-page.re-suite .panel-card,
html[data-theme="obsidian"] .re-page.re-suite .panel-card,
html[data-theme="dark"] .re-page.re-suite .re-dual-panel,
html[data-theme="obsidian"] .re-page.re-suite .re-dual-panel {
  background: #161e2a !important;
  border-color: #2a3848 !important;
  color: #e8f0f4 !important;
}
html[data-theme="dark"] .re-page.re-suite .table-wrap,
html[data-theme="obsidian"] .re-page.re-suite .table-wrap {
  background: #161e2a !important;
  border-color: #2a3848 !important;
}
html[data-theme="dark"] .re-page.re-suite .muted,
html[data-theme="obsidian"] .re-page.re-suite .muted { color: #8aa0b0 !important; }
html[data-theme="dark"] .re-page.re-suite label,
html[data-theme="obsidian"] .re-page.re-suite label { color: #c5d4e0 !important; }

/* Legacy atelier leftovers if still in DOM */
html[data-theme="dark"] .re-leases-page .re-atelier-lane,
html[data-theme="obsidian"] .re-leases-page .re-atelier-lane,
html[data-theme="dark"] .re-leases-page .re-leases-atelier,
html[data-theme="obsidian"] .re-leases-page .re-leases-atelier {
  background: #161e2a !important;
  border-color: #2a3848 !important;
}
html[data-theme="dark"] .re-leases-page .rlc,
html[data-theme="dark"] .re-leases-page .rlx,
html[data-theme="obsidian"] .re-leases-page .rlc,
html[data-theme="obsidian"] .re-leases-page .rlx {
  background: #1a2330 !important;
  border-color: #2f4052 !important;
  color: #e8f0f4 !important;
}
/* === /RE Dark Sync v103 === */
/* === RE Dark Sync v103b — copper + class theme hooks === */
html[data-theme="copper"] .re-leases-page .re-leases-filters,
html.theme-obsidian .re-leases-page .re-leases-filters,
html.theme-copper .re-leases-page .re-leases-filters,
body.theme-obsidian .re-leases-page .re-leases-filters,
body.theme-copper .re-leases-page .re-leases-filters {
  background: #161e2a !important;
  border-color: #2a3848 !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.35) !important;
}
html[data-theme="copper"] .re-leases-page .rlb-col,
html.theme-obsidian .re-leases-page .rlb-col,
html.theme-copper .re-leases-page .rlb-col,
body.theme-obsidian .re-leases-page .rlb-col,
body.theme-copper .re-leases-page .rlb-col {
  background: #161e2a !important;
  border-color: #2a3848 !important;
}
html[data-theme="copper"] .re-leases-page .rlb-col-head,
html.theme-obsidian .re-leases-page .rlb-col-head,
html.theme-copper .re-leases-page .rlb-col-head,
body.theme-obsidian .re-leases-page .rlb-col-head,
body.theme-copper .re-leases-page .rlb-col-head {
  background: #121820 !important;
}
html[data-theme="copper"] .re-leases-page .rlb-card,
html.theme-obsidian .re-leases-page .rlb-card,
html.theme-copper .re-leases-page .rlb-card,
body.theme-obsidian .re-leases-page .rlb-card,
body.theme-copper .re-leases-page .rlb-card {
  background: #1a2330 !important;
  border-color: #2f4052 !important;
  color: #e8f0f4 !important;
}
html[data-theme="copper"] .re-leases-page .rlb-no,
html.theme-obsidian .re-leases-page .rlb-no,
html.theme-copper .re-leases-page .rlb-no,
body.theme-obsidian .re-leases-page .rlb-no,
body.theme-copper .re-leases-page .rlb-no { color: #eef4f8 !important; }
html[data-theme="copper"] .re-leases-page .rlb-tenant em,
html[data-theme="copper"] .re-leases-page .rlb-term b,
html.theme-obsidian .re-leases-page .rlb-tenant em,
html.theme-obsidian .re-leases-page .rlb-term b,
html.theme-copper .re-leases-page .rlb-tenant em,
html.theme-copper .re-leases-page .rlb-term b,
body.theme-obsidian .re-leases-page .rlb-tenant em,
body.theme-obsidian .re-leases-page .rlb-term b,
body.theme-copper .re-leases-page .rlb-tenant em,
body.theme-copper .re-leases-page .rlb-term b { color: #e8f0f4 !important; }
html[data-theme="copper"] .re-leases-page .rlb-card-actions,
html.theme-obsidian .re-leases-page .rlb-card-actions,
html.theme-copper .re-leases-page .rlb-card-actions,
body.theme-obsidian .re-leases-page .rlb-card-actions,
body.theme-copper .re-leases-page .rlb-card-actions {
  background: #121820 !important;
  border-top-color: #2a3848 !important;
}
html[data-theme="copper"] .re-page.re-suite .re-suite-stage,
html[data-theme="copper"] .re-page.re-suite .re-erp-filters,
html[data-theme="copper"] .re-page.re-suite .re-modal,
html[data-theme="copper"] .re-page.re-suite .re-sheet,
html.theme-obsidian .re-page.re-suite .re-suite-stage,
html.theme-obsidian .re-page.re-suite .re-erp-filters,
html.theme-obsidian .re-page.re-suite .re-modal,
html.theme-obsidian .re-page.re-suite .re-sheet,
html.theme-copper .re-page.re-suite .re-suite-stage,
html.theme-copper .re-page.re-suite .re-erp-filters,
html.theme-copper .re-page.re-suite .re-modal,
html.theme-copper .re-page.re-suite .re-sheet,
body.theme-obsidian .re-page.re-suite .re-suite-stage,
body.theme-obsidian .re-page.re-suite .re-erp-filters,
body.theme-obsidian .re-page.re-suite .re-modal,
body.theme-obsidian .re-page.re-suite .re-sheet,
body.theme-copper .re-page.re-suite .re-suite-stage,
body.theme-copper .re-page.re-suite .re-erp-filters,
body.theme-copper .re-page.re-suite .re-modal,
body.theme-copper .re-page.re-suite .re-sheet {
  background: #161e2a !important;
  border-color: #2a3848 !important;
  color: #e8f0f4 !important;
}
html[data-theme="copper"] .re-page.re-suite .field-input,
html.theme-obsidian .re-page.re-suite .field-input,
html.theme-copper .re-page.re-suite .field-input,
body.theme-obsidian .re-page.re-suite .field-input,
body.theme-copper .re-page.re-suite .field-input {
  background: #0f1620 !important;
  border-color: #314456 !important;
  color: #e8f0f4 !important;
}
/* === /RE Dark Sync v103b === */
/* === RE Attach Pane Fix v104 — stop 3-col grid wrecking attachments === */
.re-sheet-panels.is-tabbed .re-modal-section.re-attach-pane,
.re-sheet .re-modal-section.re-attach-pane,
.re-sheet.re-sheet--atelier .re-modal-section.re-attach-pane,
.re-sheet.re-sheet--v90 .re-modal-section.re-attach-pane {
  display: flex !important;
  flex-direction: column !important;
  gap: .85rem !important;
  grid-template-columns: none !important;
}
.re-sheet .re-attach-pane > .re-field-wide,
.re-sheet .re-attach-pane > .re-sheet-hintbar {
  width: 100% !important;
  max-width: none !important;
  grid-column: auto !important;
}
.re-sheet .re-attach-panel--lux {
  display: flex !important;
  flex-direction: column !important;
  gap: .85rem !important;
  width: 100% !important;
  max-width: none !important;
}
.re-sheet .re-attach-typebar {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: .45rem !important;
  width: 100% !important;
}
.re-sheet .re-attach-type {
  flex: 0 0 auto !important;
  margin: 0 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}
.re-sheet .re-attach-upload-row {
  display: flex !important;
  flex-direction: column !important;
  gap: .75rem !important;
  width: 100% !important;
}
.re-sheet .re-attach-kind-pick {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: .55rem .75rem !important;
  margin: 0 !important;
  width: 100% !important;
}
.re-sheet .re-attach-kind-pick > span {
  flex: 0 0 auto !important;
  font-size: .78rem !important;
  font-weight: 750 !important;
  color: #3d5163 !important;
  white-space: nowrap !important;
}
.re-sheet .re-attach-kind-pick .field-input {
  flex: 1 1 12rem !important;
  max-width: 18rem !important;
  min-height: 2.4rem !important;
  width: auto !important;
}
.re-sheet .re-dropzone--lux {
  width: 100% !important;
  border-color: #7aa0b5 !important;
  background: linear-gradient(180deg, #f5f9fb, #eaf2f6) !important;
}
html[data-theme="dark"] .re-sheet .re-attach-pane,
html[data-theme="obsidian"] .re-sheet .re-attach-pane,
html[data-theme="copper"] .re-sheet .re-attach-pane,
html.theme-obsidian .re-sheet .re-attach-pane,
html.theme-copper .re-sheet .re-attach-pane,
body.theme-obsidian .re-sheet .re-attach-pane,
body.theme-copper .re-sheet .re-attach-pane {
  background: #161e2a !important;
  border-color: #2a3848 !important;
  color: #e8f0f4 !important;
}
html[data-theme="dark"] .re-sheet .re-attach-kind-pick > span,
html[data-theme="obsidian"] .re-sheet .re-attach-kind-pick > span,
html.theme-obsidian .re-sheet .re-attach-kind-pick > span,
body.theme-obsidian .re-sheet .re-attach-kind-pick > span { color: #9bb0bf !important; }
html[data-theme="dark"] .re-sheet .re-dropzone--lux,
html[data-theme="obsidian"] .re-sheet .re-dropzone--lux,
html.theme-obsidian .re-sheet .re-dropzone--lux,
body.theme-obsidian .re-sheet .re-dropzone--lux {
  background: linear-gradient(180deg, #121820, #1a2330) !important;
  border-color: #3a5568 !important;
  color: #c5d4e0 !important;
}
/* === /RE Attach Pane Fix v104 === */
/* === RE Desk Contrast Fix v105 — readable rows + dark dashboard === */
.re-page.re-suite .re-alert-row,
.re-page.re-suite a.re-alert-row {
  color: #0c1b2a !important;
  background: #fff !important;
}
.re-page.re-suite .re-alert-row-top b,
.re-page.re-suite a.re-alert-row .re-alert-row-top b {
  color: #0c1b2a !important;
}
.re-page.re-suite .re-alert-row p,
.re-page.re-suite a.re-alert-row p {
  color: #3d5163 !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.re-page.re-suite .re-cash-bar p {
  color: #0c1b2a !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.re-page.re-suite .re-cash-bar code {
  color: #5a6b7d !important;
}
.re-page.re-suite .re-lease-bar-top strong {
  color: #0c1b2a !important;
}
.re-page.re-suite .re-lease-bar-dates,
.re-page.re-suite .re-lease-bar-dates em {
  color: #5a6b7d !important;
}
/* kill help-cursor spam on every titled control */
.re-page.re-suite [title] { cursor: inherit; }
.re-page.re-suite .re-alert-row,
.re-page.re-suite .re-cash-bar,
.re-page.re-suite .re-lease-bar-row { cursor: pointer !important; }

/* Dark / obsidian / copper dashboard surfaces */
html[data-theme="dark"] .re-page.re-suite .re-desk-card,
html[data-theme="obsidian"] .re-page.re-suite .re-desk-card,
html[data-theme="copper"] .re-page.re-suite .re-desk-card,
html.theme-obsidian .re-page.re-suite .re-desk-card,
html.theme-copper .re-page.re-suite .re-desk-card,
body.theme-obsidian .re-page.re-suite .re-desk-card,
body.theme-copper .re-page.re-suite .re-desk-card {
  background: #161e2a !important;
  border-color: #2a3848 !important;
  color: #e8f0f4 !important;
}
html[data-theme="dark"] .re-page.re-suite .re-desk-card-head,
html[data-theme="obsidian"] .re-page.re-suite .re-desk-card-head,
html.theme-obsidian .re-page.re-suite .re-desk-card-head,
body.theme-obsidian .re-page.re-suite .re-desk-card-head {
  background: #121820 !important;
  border-bottom-color: #2a3848 !important;
}
html[data-theme="dark"] .re-page.re-suite .re-desk-card-head h3,
html[data-theme="obsidian"] .re-page.re-suite .re-desk-card-head h3,
html.theme-obsidian .re-page.re-suite .re-desk-card-head h3,
body.theme-obsidian .re-page.re-suite .re-desk-card-head h3,
html[data-theme="dark"] .re-page.re-suite .re-card-sub,
html[data-theme="obsidian"] .re-page.re-suite .re-card-sub,
html.theme-obsidian .re-page.re-suite .re-card-sub,
body.theme-obsidian .re-page.re-suite .re-card-sub {
  color: #e8f0f4 !important;
}
html[data-theme="dark"] .re-page.re-suite .re-alert-row,
html[data-theme="dark"] .re-page.re-suite a.re-alert-row,
html[data-theme="obsidian"] .re-page.re-suite .re-alert-row,
html[data-theme="obsidian"] .re-page.re-suite a.re-alert-row,
html.theme-obsidian .re-page.re-suite .re-alert-row,
html.theme-obsidian .re-page.re-suite a.re-alert-row,
body.theme-obsidian .re-page.re-suite .re-alert-row,
body.theme-obsidian .re-page.re-suite a.re-alert-row,
html[data-theme="dark"] .re-page.re-suite .re-cash-bar,
html[data-theme="obsidian"] .re-page.re-suite .re-cash-bar,
html.theme-obsidian .re-page.re-suite .re-cash-bar,
body.theme-obsidian .re-page.re-suite .re-cash-bar,
html[data-theme="dark"] .re-page.re-suite .re-lease-bar-row,
html[data-theme="obsidian"] .re-page.re-suite .re-lease-bar-row,
html.theme-obsidian .re-page.re-suite .re-lease-bar-row,
body.theme-obsidian .re-page.re-suite .re-lease-bar-row {
  background: #1a2330 !important;
  border-color: #2f4052 !important;
  color: #e8f0f4 !important;
}
html[data-theme="dark"] .re-page.re-suite .re-alert-row-top b,
html[data-theme="dark"] .re-page.re-suite .re-alert-row p,
html[data-theme="dark"] .re-page.re-suite .re-cash-bar p,
html[data-theme="dark"] .re-page.re-suite .re-lease-bar-top strong,
html[data-theme="obsidian"] .re-page.re-suite .re-alert-row-top b,
html[data-theme="obsidian"] .re-page.re-suite .re-alert-row p,
html[data-theme="obsidian"] .re-page.re-suite .re-cash-bar p,
html[data-theme="obsidian"] .re-page.re-suite .re-lease-bar-top strong,
html.theme-obsidian .re-page.re-suite .re-alert-row-top b,
html.theme-obsidian .re-page.re-suite .re-alert-row p,
html.theme-obsidian .re-page.re-suite .re-cash-bar p,
html.theme-obsidian .re-page.re-suite .re-lease-bar-top strong,
body.theme-obsidian .re-page.re-suite .re-alert-row-top b,
body.theme-obsidian .re-page.re-suite .re-alert-row p,
body.theme-obsidian .re-page.re-suite .re-cash-bar p,
body.theme-obsidian .re-page.re-suite .re-lease-bar-top strong {
  color: #e8f0f4 !important;
}
html[data-theme="dark"] .re-page.re-suite .re-cash-bar code,
html[data-theme="obsidian"] .re-page.re-suite .re-cash-bar code,
html.theme-obsidian .re-page.re-suite .re-cash-bar code,
body.theme-obsidian .re-page.re-suite .re-cash-bar code {
  background: #121820 !important;
  color: #9bb0bf !important;
}
html[data-theme="dark"] .re-page.re-suite .re-viz-track,
html[data-theme="obsidian"] .re-page.re-suite .re-viz-track,
html.theme-obsidian .re-page.re-suite .re-viz-track,
body.theme-obsidian .re-page.re-suite .re-viz-track {
  background: #243040 !important;
}
/* === /RE Desk Contrast Fix v105 === */
/* === RE Viz Track Fill v106 — bars must be visible on white cards === */
.re-page.re-suite .re-viz-track {
  height: 11px !important;
  background: #d5dee8 !important;
  border: 1px solid #c0ccd8 !important;
  box-shadow: inset 0 1px 2px rgba(12,27,42,.06) !important;
}
.re-page.re-suite .re-viz-track i {
  min-width: 0 !important;
  background: #64748b !important; /* fallback if class missing */
}
.re-page.re-suite .re-viz-track i.in {
  background: linear-gradient(90deg, #22c55e, #067647) !important;
}
.re-page.re-suite .re-viz-track i.out {
  background: linear-gradient(90deg, #f87171, #b42318) !important;
}
.re-page.re-suite .re-viz-track i.warn {
  background: linear-gradient(90deg, #fbbf24, #b54708) !important;
}
.re-page.re-suite .re-viz-track i.mute {
  background: linear-gradient(90deg, #94a3b8, #64748b) !important;
}
.re-page.re-suite .re-alert-row .re-viz-track i.out,
.re-page.re-suite .re-alert-row.is-crit .re-viz-track i {
  background: linear-gradient(90deg, #fb7185, #b42318) !important;
}
.re-page.re-suite .re-alert-row.is-warn .re-viz-track i,
.re-page.re-suite .re-alert-row .re-viz-track i.warn {
  background: linear-gradient(90deg, #fbbf24, #b54708) !important;
}
.re-page.re-suite .re-cash-bar.in .re-viz-track i,
.re-page.re-suite .re-cash-bar .re-viz-track i.in {
  background: linear-gradient(90deg, #22c55e, #067647) !important;
}
.re-page.re-suite .re-cash-bar.out .re-viz-track i,
.re-page.re-suite .re-cash-bar .re-viz-track i.out {
  background: linear-gradient(90deg, #f87171, #b42318) !important;
}
html[data-theme="dark"] .re-page.re-suite .re-viz-track,
html[data-theme="obsidian"] .re-page.re-suite .re-viz-track,
html[data-theme="copper"] .re-page.re-suite .re-viz-track,
html.theme-obsidian .re-page.re-suite .re-viz-track,
html.theme-copper .re-page.re-suite .re-viz-track,
body.theme-obsidian .re-page.re-suite .re-viz-track,
body.theme-copper .re-page.re-suite .re-viz-track {
  background: #243040 !important;
  border-color: #3a4d60 !important;
}
/* === /RE Viz Track Fill v106 === */
/* === RE Card Separation v107 — cards must pop off the lane === */
.re-leases-page .rlb-col.is-draft,
.re-leases-page .rlb-col.is-live,
.re-leases-page .rlb-col.is-ended {
  --c-wash: #e9eef3;
}
.re-leases-page .rlb-col-body {
  gap: 1.05rem !important;
  padding: 1rem !important;
  background: #e9eef3 !important;
}
.re-leases-page .rlb-card {
  background: #ffffff !important;
  border: 1px solid #c5d0db !important;
  border-radius: 16px !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.9) inset,
    0 8px 20px rgba(16,24,32,.1),
    0 2px 6px rgba(16,24,32,.06) !important;
  outline: 1px solid rgba(255,255,255,.8) !important;
}
.re-leases-page .rlb-card.is-draft {
  border-inline-start: 4px solid #45566d !important;
  --c-wash: #f4f6f8;
  --c-soft: #d5dde6;
}
.re-leases-page .rlb-card.is-live {
  border-inline-start: 4px solid #0c5c52 !important;
  --c-wash: #f4f6f8;
  --c-soft: #d5dde6;
}
.re-leases-page .rlb-card.is-ended {
  border-inline-start: 4px solid #7a3348 !important;
  --c-wash: #f4f6f8;
  --c-soft: #d5dde6;
}
.re-leases-page .rlb-card:hover {
  transform: translateY(-3px) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.95) inset,
    0 16px 34px rgba(16,24,32,.14),
    0 4px 10px rgba(16,24,32,.08) !important;
  border-color: #a8b6c4 !important;
}
.re-leases-page .rlb-tenant {
  background: #f4f6f8 !important;
  border: 1px solid #e1e7ee !important;
}
.re-leases-page .rlb-badge {
  background: #fff !important;
  border: 1px solid var(--c-soft) !important;
}
.re-leases-page .rlb-card.is-live .rlb-badge {
  color: #0c5c52 !important;
  border-color: #9dcec4 !important;
  background: #f3fbf8 !important;
}
.re-leases-page .rlb-card.is-draft .rlb-badge {
  color: #45566d !important;
  border-color: #c5d0db !important;
  background: #f5f7fa !important;
}
.re-leases-page .rlb-card.is-ended .rlb-badge {
  color: #7a3348 !important;
  border-color: #e0c0c9 !important;
  background: #fbf5f7 !important;
}
.re-leases-page .rlb-card-actions {
  background: #f8fafc !important;
  border-top: 1px solid #e6ecf2 !important;
}
.re-leases-page .rlb-empty {
  background: rgba(255,255,255,.85) !important;
  border: 1px dashed #b8c5d2 !important;
}
html[data-theme="dark"] .re-leases-page .rlb-col-body,
html[data-theme="obsidian"] .re-leases-page .rlb-col-body,
html.theme-obsidian .re-leases-page .rlb-col-body,
body.theme-obsidian .re-leases-page .rlb-col-body {
  background: #121820 !important;
}
html[data-theme="dark"] .re-leases-page .rlb-card,
html[data-theme="obsidian"] .re-leases-page .rlb-card,
html.theme-obsidian .re-leases-page .rlb-card,
body.theme-obsidian .re-leases-page .rlb-card {
  background: #1e2936 !important;
  border-color: #3a4d60 !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.35) !important;
}
html[data-theme="dark"] .re-leases-page .rlb-tenant,
html[data-theme="obsidian"] .re-leases-page .rlb-tenant,
html.theme-obsidian .re-leases-page .rlb-tenant,
body.theme-obsidian .re-leases-page .rlb-tenant {
  background: #161e2a !important;
  border-color: #2f4052 !important;
}
/* === /RE Card Separation v107 === */
/* === RE Vouchers Atelier v108 — receipts desk + luxury pay modal === */
.re-vouchers-page .re-voucher-filters {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-end !important;
  gap: .65rem .75rem !important;
}
.re-vouchers-page .re-voucher-stat {
  display: inline-flex;
  align-items: baseline;
  gap: .4rem;
  padding: .35rem .7rem;
  border-radius: 999px;
  background: linear-gradient(135deg, #0e4d6b, #1a5a75);
  color: #fff;
  font-size: .72rem;
  font-weight: 700;
  box-shadow: 0 6px 16px rgba(14,77,107,.22);
}
.re-vouchers-page .re-voucher-stat b {
  font-size: .88rem;
  font-variant-numeric: tabular-nums;
  font-weight: 800;
}
.re-vouchers-page .re-voucher-stage {
  background: #fff !important;
  border: 1px solid #d7e0ea !important;
  border-radius: 16px !important;
  box-shadow: 0 14px 34px rgba(12,27,42,.06) !important;
  overflow: hidden !important;
  padding: 0 !important;
}
.re-vouchers-page .re-voucher-table-wrap {
  max-height: min(68vh, 780px);
  overflow: auto;
}
.re-vouchers-page .re-voucher-table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  font-size: .84rem !important;
}
.re-vouchers-page .re-voucher-table thead th {
  position: sticky !important;
  top: 0 !important;
  z-index: 2 !important;
  background: linear-gradient(180deg, #f7fafc, #eef3f7) !important;
  color: #4a5d6e !important;
  font-size: .68rem !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  border-bottom: 2px solid #0e4d6b !important;
  padding: .7rem .75rem !important;
  white-space: nowrap;
}
.re-vouchers-page .re-voucher-row td {
  padding: .72rem .75rem !important;
  border-bottom: 1px solid #e6edf3 !important;
  vertical-align: middle !important;
  background: #fff !important;
}
.re-vouchers-page .re-voucher-row:hover td {
  background: #f5f9fc !important;
}
.re-vouchers-page .re-voucher-row.t-rent td:first-child,
.re-vouchers-page .re-voucher-row.t-dep td:first-child,
.re-vouchers-page .re-voucher-row.t-out td:first-child,
.re-vouchers-page .re-voucher-row.t-fee td:first-child {
  box-shadow: inset 3px 0 0 var(--row-accent, #0e4d6b);
}
.re-vouchers-page .re-voucher-row.t-rent { --row-accent: #175cd3; }
.re-vouchers-page .re-voucher-row.t-dep { --row-accent: #15803d; }
.re-vouchers-page .re-voucher-row.t-out { --row-accent: #b42318; }
.re-vouchers-page .re-voucher-row.t-fee { --row-accent: #92600a; }
.re-vouchers-page .re-voucher-no {
  font-weight: 800;
  color: #0e4d6b;
  letter-spacing: .02em;
}
.re-vouchers-page .re-voucher-amt {
  font-size: .95rem !important;
  font-weight: 800 !important;
  color: #0a3a3d !important;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.re-vouchers-page .re-voucher-tenant {
  font-weight: 650;
  color: #1f3344;
}
.re-vouchers-page .re-unit-chip {
  display: inline-flex;
  align-items: center;
  padding: .12rem .45rem;
  border-radius: 7px;
  background: #eef4f8;
  border: 1px solid #d0dbe6;
  color: #234456;
  font-weight: 750;
  font-size: .75rem;
  letter-spacing: .02em;
}
.re-vouchers-page .re-type-pill {
  border-radius: 999px !important;
  padding: .18rem .55rem !important;
  font-size: .72rem !important;
  font-weight: 750 !important;
}
.re-vouchers-page .re-status-pill {
  display: inline-flex !important;
  align-items: center;
  padding: .16rem .55rem !important;
  border-radius: 999px !important;
  font-size: .7rem !important;
  font-weight: 750 !important;
  border: 1px solid transparent;
}
.re-vouchers-page .re-status-pill.is-posted {
  background: #eef9f1 !important;
  color: #166534 !important;
  border-color: #b7e4c7 !important;
}
.re-vouchers-page .re-status-pill.is-draft {
  background: #f1f4f7 !important;
  color: #475569 !important;
  border-color: #d5dde6 !important;
}

/* Modal */
.re-voucher-modal {
  width: min(920px, 96vw) !important;
  max-height: min(92vh, 900px) !important;
}
.re-voucher-modal .re-voucher-modal-title {
  display: flex;
  flex-direction: column;
  gap: .15rem;
  min-width: 0;
}
.re-voucher-modal .re-voucher-modal-title h3 { margin: 0 !important; }
.re-voucher-modal .re-voucher-modal-title small {
  color: rgba(255,255,255,.78);
  font-size: .75rem;
  font-weight: 600;
}
.re-voucher-modal-body {
  display: flex !important;
  flex-direction: column !important;
  gap: .75rem !important;
  overflow: auto !important;
  max-height: calc(92vh - 4.5rem) !important;
}
.re-voucher-modal .re-voucher-form-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.re-voucher-modal .re-voucher-amount-input {
  font-weight: 800 !important;
  font-size: 1.05rem !important;
  color: #0e4d6b !important;
}
.re-voucher-due-filters {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) auto !important;
  gap: .55rem .65rem !important;
  align-items: end !important;
  margin-bottom: .55rem !important;
}
.re-voucher-due-summary {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-end;
  gap: .15rem;
  padding: .35rem .55rem;
  border-radius: 10px;
  background: #eef5f9;
  border: 1px solid #d2e0ea;
  color: #355066;
  font-size: .72rem;
  font-weight: 700;
  white-space: nowrap;
}
.re-voucher-due-summary b {
  color: #0e4d6b;
  font-size: .88rem;
}
.re-voucher-due-hint {
  margin: 0 0 .55rem !important;
  font-size: .75rem !important;
  color: #5a7082 !important;
}
.re-voucher-due-list {
  display: flex !important;
  flex-direction: column !important;
  gap: .55rem !important;
  max-height: 18rem !important;
  overflow: auto !important;
  padding: .15rem .1rem .35rem !important;
  background: #eef2f6 !important;
  border-radius: 12px !important;
  border: 1px solid #d7e0ea !important;
}
.re-voucher-due-card {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  gap: .65rem !important;
  align-items: start !important;
  margin: 0 .35rem !important;
  padding: .7rem .8rem !important;
  background: #fff !important;
  border: 1px solid #d5dee8 !important;
  border-radius: 12px !important;
  box-shadow: 0 6px 16px rgba(12,27,42,.05) !important;
  cursor: pointer !important;
  transition: border-color .15s ease, box-shadow .15s ease, transform .12s ease;
}
.re-voucher-due-card:hover {
  border-color: #9db7c9 !important;
  box-shadow: 0 10px 22px rgba(12,27,42,.08) !important;
}
.re-voucher-due-card.is-on {
  border-color: #0e4d6b !important;
  box-shadow: 0 0 0 2px rgba(14,77,107,.18), 0 10px 22px rgba(12,27,42,.08) !important;
  background: linear-gradient(180deg, #fff, #f3f8fb) !important;
}
.re-voucher-due-card input[type="checkbox"] {
  width: 1.05rem;
  height: 1.05rem;
  margin-top: .2rem;
  accent-color: #0e4d6b;
}
.re-voucher-due-top {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: .75rem;
  margin-bottom: .35rem;
}
.re-voucher-due-top strong {
  font-size: .92rem;
  color: #123447;
  font-weight: 800;
}
.re-voucher-due-top strong span {
  color: #5a7082;
  font-weight: 700;
}
.re-voucher-due-top em {
  font-style: normal;
  font-weight: 850;
  font-variant-numeric: tabular-nums;
  color: #0e4d6b;
  font-size: .95rem;
  white-space: nowrap;
}
.re-voucher-due-meta {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem .55rem;
  align-items: center;
  font-size: .75rem;
  color: #53697b;
}
.re-voucher-due-date {
  margin-inline-start: auto;
  font-weight: 700;
  color: #7a5b18;
  background: #fff7e8;
  border: 1px solid #f0d59a;
  border-radius: 999px;
  padding: .1rem .45rem;
}
.re-voucher-due-empty { margin: .5rem !important; background: transparent !important; }

@media (max-width: 900px) {
  .re-voucher-due-filters { grid-template-columns: 1fr 1fr !important; }
  .re-voucher-modal .re-voucher-form-grid { grid-template-columns: 1fr !important; }
}
@media (max-width: 640px) {
  .re-voucher-due-filters { grid-template-columns: 1fr !important; }
}

html[data-theme="dark"] .re-vouchers-page .re-voucher-stage,
html[data-theme="obsidian"] .re-vouchers-page .re-voucher-stage {
  background: #1a2330 !important;
  border-color: #2a3a4a !important;
}
html[data-theme="dark"] .re-vouchers-page .re-voucher-table thead th,
html[data-theme="obsidian"] .re-vouchers-page .re-voucher-table thead th {
  background: linear-gradient(180deg, #1e2a38, #182230) !important;
  color: #9db0c0 !important;
  border-bottom-color: #3d7ea3 !important;
}
html[data-theme="dark"] .re-vouchers-page .re-voucher-row td,
html[data-theme="obsidian"] .re-vouchers-page .re-voucher-row td {
  background: #1a2330 !important;
  border-bottom-color: #2a3a4a !important;
  color: #d7e2ec !important;
}
html[data-theme="dark"] .re-vouchers-page .re-voucher-row:hover td,
html[data-theme="obsidian"] .re-vouchers-page .re-voucher-row:hover td {
  background: #212c3a !important;
}
html[data-theme="dark"] .re-voucher-due-list,
html[data-theme="obsidian"] .re-voucher-due-list {
  background: #121820 !important;
  border-color: #2a3a4a !important;
}
html[data-theme="dark"] .re-voucher-due-card,
html[data-theme="obsidian"] .re-voucher-due-card {
  background: #1a2330 !important;
  border-color: #2f4052 !important;
  color: #d7e2ec !important;
}
html[data-theme="dark"] .re-voucher-due-card.is-on,
html[data-theme="obsidian"] .re-voucher-due-card.is-on {
  background: linear-gradient(180deg, #1e2c3a, #182430) !important;
  border-color: #3d7ea3 !important;
}
/* === /RE Vouchers Atelier v108 === */

/* === RE Vouchers Desk v109 — no filter scroll + readable list + clean modal === */
.re-vouchers-page {
  --rv-ink: #123447;
  --rv-muted: #5a7082;
  --rv-line: #d5dee8;
  --rv-paper: #ffffff;
  --rv-wash: #f3f6f9;
  --rv-accent: #0e4d6b;
  --rv-gold: #b8956c;
  max-width: 100% !important;
  overflow-x: hidden !important;
}
.re-vouchers-page .rv-desk {
  display: flex;
  flex-direction: column;
  gap: .85rem;
  min-width: 0;
}

/* Filters: wrap grid, NEVER horizontal scroll */
.re-page.re-suite.re-vouchers-page .rv-filters,
.re-vouchers-page .rv-filters {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: .65rem .75rem !important;
  align-items: end !important;
  padding: .9rem 1rem !important;
  background: linear-gradient(165deg, #fff, #f5f8fb) !important;
  border: 1px solid var(--rv-line) !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 28px rgba(12,27,42,.06) !important;
  overflow: visible !important;
  overflow-x: visible !important;
  flex-wrap: unset !important;
  white-space: normal !important;
}
.re-vouchers-page .rv-f {
  display: flex !important;
  flex-direction: column !important;
  gap: .22rem !important;
  min-width: 0 !important;
  margin: 0 !important;
}
.re-vouchers-page .rv-f > span {
  font-size: .68rem !important;
  font-weight: 750 !important;
  color: var(--rv-muted) !important;
  letter-spacing: .02em;
}
.re-vouchers-page .rv-f .field-input,
.re-vouchers-page .rv-f .searchable-select-trigger,
.re-vouchers-page .rv-f select.field-input,
.re-vouchers-page .rv-f input.field-input {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 2.25rem !important;
  height: 2.25rem !important;
  border-radius: 10px !important;
  border: 1px solid #c9d5e0 !important;
  background: #fff !important;
}
.re-vouchers-page .rv-f--search { grid-column: span 1; }
.re-vouchers-page .rv-filters-total {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: .5rem !important;
  min-width: 0;
}
.re-vouchers-page .rv-total {
  display: inline-flex;
  align-items: baseline;
  gap: .45rem;
  padding: .4rem .75rem;
  border-radius: 999px;
  background: linear-gradient(135deg, #0e4d6b, #163a4f);
  color: #fff;
  box-shadow: 0 8px 18px rgba(14,77,107,.22);
}
.re-vouchers-page .rv-total span { font-size: .7rem; font-weight: 700; opacity: .9; }
.re-vouchers-page .rv-total b {
  font-size: .92rem;
  font-weight: 850;
  font-variant-numeric: tabular-nums;
}
.re-vouchers-page .rv-total em {
  font-style: normal;
  font-size: .7rem;
  font-weight: 750;
  padding: .1rem .4rem;
  border-radius: 999px;
  background: rgba(255,255,255,.16);
}

/* List desk — no wide table, no horizontal scroll */
.re-vouchers-page .rv-list {
  background: var(--rv-paper);
  border: 1px solid var(--rv-line);
  border-radius: 16px;
  box-shadow: 0 14px 34px rgba(12,27,42,.06);
  overflow: hidden;
  min-width: 0;
}
.re-vouchers-page .rv-list-head,
.re-vouchers-page .rv-row {
  display: grid;
  grid-template-columns: minmax(8.5rem, 1.15fr) minmax(6.5rem, .9fr) minmax(7rem, .85fr) minmax(9rem, 1.35fr) minmax(8rem, 1.15fr) minmax(5rem, .7fr) auto;
  gap: .65rem 1rem;
  align-items: center;
  padding: .75rem 1rem;
  min-width: 0;
}
.re-vouchers-page .rv-list-head {
  background: linear-gradient(180deg, #f7fafc, #eef3f7);
  border-bottom: 2px solid var(--rv-accent);
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--rv-muted);
}
.re-vouchers-page .rv-row {
  border-bottom: 1px solid #e8eef3;
  background: #fff;
  border-inline-start: 3px solid transparent;
}
.re-vouchers-page .rv-row:hover { background: #f7fafc; }
.re-vouchers-page .rv-row.t-rent { border-inline-start-color: #175cd3; }
.re-vouchers-page .rv-row.t-dep { border-inline-start-color: #15803d; }
.re-vouchers-page .rv-row.t-out { border-inline-start-color: #b42318; }
.re-vouchers-page .rv-row.t-fee { border-inline-start-color: #92600a; }
.re-vouchers-page .rv-cell { min-width: 0; }
.re-vouchers-page .rv-cell--id strong,
.re-vouchers-page .rv-cell--place strong,
.re-vouchers-page .rv-cell--party strong {
  display: block;
  font-size: .9rem;
  font-weight: 800;
  color: var(--rv-ink);
  line-height: 1.25;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.re-vouchers-page .rv-cell--id small,
.re-vouchers-page .rv-cell--place small {
  display: flex;
  flex-wrap: wrap;
  gap: .3rem .45rem;
  margin-top: .18rem;
  font-size: .72rem;
  color: var(--rv-muted);
  font-weight: 650;
}
.re-vouchers-page .rv-cell--amt {
  font-size: 1rem;
  font-weight: 850;
  font-variant-numeric: tabular-nums;
  color: #0a3a3d;
  white-space: nowrap;
}
.re-vouchers-page .rv-unit {
  display: inline-flex;
  align-items: center;
  padding: .08rem .4rem;
  border-radius: 6px;
  background: #eef4f8;
  border: 1px solid #d0dbe6;
  color: #234456;
  font-weight: 750;
  font-size: .72rem;
}
.re-vouchers-page .rv-pill {
  display: inline-flex;
  align-items: center;
  padding: .18rem .55rem;
  border-radius: 999px;
  font-size: .72rem;
  font-weight: 750;
  white-space: nowrap;
  border: 1px solid transparent;
}
.re-vouchers-page .rv-pill.t-rent { background: #eff8ff; color: #175cd3; border-color: rgba(23,92,211,.2); }
.re-vouchers-page .rv-pill.t-dep { background: #f0fdf4; color: #15803d; border-color: rgba(21,128,61,.2); }
.re-vouchers-page .rv-pill.t-out { background: #fef3f2; color: #b42318; border-color: rgba(180,35,24,.2); }
.re-vouchers-page .rv-pill.t-fee { background: #fef6e7; color: #92600a; border-color: rgba(146,96,10,.2); }
.re-vouchers-page .rv-status {
  display: inline-flex;
  padding: .16rem .55rem;
  border-radius: 999px;
  font-size: .7rem;
  font-weight: 750;
  border: 1px solid transparent;
}
.re-vouchers-page .rv-status.is-posted { background: #eef9f1; color: #166534; border-color: #b7e4c7; }
.re-vouchers-page .rv-status.is-draft { background: #f1f4f7; color: #475569; border-color: #d5dde6; }
.re-vouchers-page .rv-print {
  appearance: none;
  border: 1px solid #c4d2de;
  background: #fff;
  color: var(--rv-accent);
  border-radius: 9px;
  padding: .35rem .7rem;
  font-size: .78rem;
  font-weight: 750;
  cursor: pointer;
  white-space: nowrap;
}
.re-vouchers-page .rv-print:hover {
  border-color: var(--rv-accent);
  background: #f3f8fb;
}

@media (max-width: 1100px) {
  .re-page.re-suite.re-vouchers-page .rv-filters,
  .re-vouchers-page .rv-filters {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  .re-vouchers-page .rv-list-head { display: none; }
  .re-vouchers-page .rv-row {
    grid-template-columns: 1fr 1fr;
    gap: .45rem .75rem;
  }
  .re-vouchers-page .rv-cell--id { grid-column: 1 / -1; }
  .re-vouchers-page .rv-cell--place { grid-column: 1 / -1; }
  .re-vouchers-page .rv-cell--party { grid-column: 1 / -1; }
}
@media (max-width: 720px) {
  .re-page.re-suite.re-vouchers-page .rv-filters,
  .re-vouchers-page .rv-filters {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .re-vouchers-page .rv-filters-total { grid-column: 1 / -1; justify-content: stretch; }
  .re-vouchers-page .rv-total { width: 100%; justify-content: space-between; }
}

/* Modal — one scroll, clean fields, due table */
.re-modal.rv-modal {
  width: min(1080px, 96vw) !important;
  max-height: min(90vh, 860px) !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  border-radius: 18px !important;
  box-shadow: 0 28px 80px rgba(0,0,0,.4) !important;
}
.rv-modal .rv-modal-title {
  display: flex;
  flex-direction: column;
  gap: .12rem;
}
.rv-modal .rv-modal-title h3 { margin: 0 !important; }
.rv-modal .rv-modal-title small {
  color: rgba(255,255,255,.78);
  font-size: .75rem;
  font-weight: 650;
}
.rv-modal-body {
  flex: 1 1 auto;
  overflow: auto;
  padding: 1rem 1.1rem 1.15rem;
  background: linear-gradient(180deg, #f4f7fa, #eef2f6);
  display: flex;
  flex-direction: column;
  gap: .85rem;
}
.rv-modal-bar,
.rv-modal-dues-filters {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .65rem .75rem;
  align-items: end;
  padding: .85rem .9rem;
  background: #fff;
  border: 1px solid var(--rv-line);
  border-radius: 14px;
  box-shadow: 0 8px 20px rgba(12,27,42,.04);
}
.rv-modal-bar--secondary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.rv-modal .rv-f--amt .field-input {
  font-weight: 850 !important;
  font-size: 1.05rem !important;
  color: var(--rv-accent) !important;
}
.rv-modal-dues {
  background: #fff;
  border: 1px solid var(--rv-line);
  border-radius: 14px;
  box-shadow: 0 8px 20px rgba(12,27,42,.04);
  padding: .85rem .9rem 1rem;
  display: flex;
  flex-direction: column;
  gap: .7rem;
  min-height: 0;
}
.rv-modal-dues-head {
  display: flex;
  align-items: baseline;
  gap: .75rem;
  flex-wrap: wrap;
}
.rv-modal-dues-head h4 {
  margin: 0;
  font-size: .92rem;
  font-weight: 850;
  color: var(--rv-ink);
}
.rv-modal-dues-head p {
  margin: 0;
  flex: 1 1 auto;
  font-size: .75rem;
  color: var(--rv-muted);
}
.rv-modal-dues-sum {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  margin-inline-start: auto;
  padding: .28rem .6rem;
  border-radius: 999px;
  background: #eef5f9;
  border: 1px solid #d2e0ea;
  font-size: .75rem;
  font-weight: 750;
  color: #355066;
}
.rv-modal-dues-sum b { color: var(--rv-accent); font-weight: 850; }
.rv-modal-dues-filters { padding: 0; border: 0; box-shadow: none; background: transparent; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.rv-due-table {
  border: 1px solid var(--rv-line);
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
}
.rv-due-head,
.rv-due-row {
  display: grid;
  grid-template-columns: 1.6rem minmax(0, 1.2fr) minmax(0, 1.1fr) 4.5rem 5.5rem minmax(5.5rem, .8fr);
  gap: .55rem .75rem;
  align-items: center;
  padding: .55rem .75rem;
  min-width: 0;
}
.rv-due-head {
  background: #f3f7fa;
  font-size: .66rem;
  font-weight: 800;
  letter-spacing: .03em;
  text-transform: uppercase;
  color: var(--rv-muted);
  border-bottom: 1px solid var(--rv-line);
}
.rv-due-row {
  border-bottom: 1px solid #e8eef3;
  cursor: pointer;
  margin: 0;
  background: #fff;
}
.rv-due-row:last-child { border-bottom: 0; }
.rv-due-row:hover { background: #f7fafc; }
.rv-due-row.is-on {
  background: linear-gradient(90deg, rgba(14,77,107,.07), #fff 35%);
  box-shadow: inset 3px 0 0 var(--rv-accent);
}
.rv-due-row input[type="checkbox"] {
  width: 1rem;
  height: 1rem;
  accent-color: var(--rv-accent);
}
.rv-due-contract strong {
  display: block;
  font-size: .86rem;
  font-weight: 800;
  color: var(--rv-ink);
}
.rv-due-contract small {
  display: block;
  margin-top: .1rem;
  font-size: .7rem;
  color: var(--rv-muted);
  font-weight: 650;
}
.rv-due-row .num {
  font-weight: 850;
  font-variant-numeric: tabular-nums;
  color: var(--rv-accent);
  text-align: end;
  white-space: nowrap;
}
.rv-modal .rv-f--notes {
  padding: .85rem .9rem;
  background: #fff;
  border: 1px solid var(--rv-line);
  border-radius: 14px;
  box-shadow: 0 8px 20px rgba(12,27,42,.04);
}
.rv-modal .rv-f--notes .field-input {
  min-height: 2.25rem !important;
  height: 2.25rem !important;
}

@media (max-width: 900px) {
  .rv-modal-bar,
  .rv-modal-dues-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rv-due-head { display: none; }
  .rv-due-row {
    grid-template-columns: 1.4rem 1fr auto;
    grid-template-areas:
      "chk contract amt"
      "chk party party"
      "chk meta meta";
  }
  .rv-due-row input { grid-area: chk; }
  .rv-due-contract { grid-area: contract; }
  .rv-due-row .num { grid-area: amt; }
}

html[data-theme="dark"] .re-vouchers-page .rv-filters,
html[data-theme="obsidian"] .re-vouchers-page .rv-filters,
html[data-theme="dark"] .re-vouchers-page .rv-list,
html[data-theme="obsidian"] .re-vouchers-page .rv-list {
  background: #1a2330 !important;
  border-color: #2a3a4a !important;
}
html[data-theme="dark"] .re-vouchers-page .rv-row,
html[data-theme="obsidian"] .re-vouchers-page .rv-row {
  background: #1a2330;
  border-bottom-color: #2a3a4a;
  color: #d7e2ec;
}
html[data-theme="dark"] .rv-modal-body,
html[data-theme="obsidian"] .rv-modal-body {
  background: #121820;
}
html[data-theme="dark"] .rv-modal-bar,
html[data-theme="dark"] .rv-modal-dues,
html[data-theme="dark"] .rv-modal .rv-f--notes,
html[data-theme="obsidian"] .rv-modal-bar,
html[data-theme="obsidian"] .rv-modal-dues,
html[data-theme="obsidian"] .rv-modal .rv-f--notes {
  background: #1a2330;
  border-color: #2a3a4a;
  color: #d7e2ec;
}
/* === /RE Vouchers Desk v109 === */

/* === RE Vouchers Prestige v110 — compact toolbar + atelier sheet + dense ledger === */
.re-page.re-suite.re-vouchers-page {
  overflow: visible !important;
  max-height: none !important;
}
.re-vouchers-page .rv-desk {
  display: flex !important;
  flex-direction: column !important;
  gap: .75rem !important;
  min-width: 0 !important;
  overflow: visible !important;
}

/* ONE compact toolbar — wrap OK, NEVER scroll */
.re-page.re-suite.re-vouchers-page .rv-toolbar,
.re-vouchers-page .rv-toolbar {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-end !important;
  gap: .45rem .55rem !important;
  padding: .7rem .85rem !important;
  margin: 0 !important;
  background:
    linear-gradient(180deg, #ffffff 0%, #f7fafc 100%) !important;
  border: 1px solid #d5dee8 !important;
  border-radius: 14px !important;
  box-shadow:
    inset 0 3px 0 #b8956c,
    0 10px 28px rgba(12,27,42,.06) !important;
  overflow: visible !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  max-height: none !important;
  height: auto !important;
  min-height: 0 !important;
}
.re-vouchers-page .rv-toolbar::-webkit-scrollbar { display: none !important; width: 0 !important; height: 0 !important; }
.re-vouchers-page .rv-toolbar .rv-f {
  display: flex !important;
  flex-direction: column !important;
  gap: .15rem !important;
  margin: 0 !important;
  flex: 0 1 auto !important;
  min-width: 6.5rem !important;
  max-width: 11rem !important;
}
.re-vouchers-page .rv-toolbar .rv-f--date { min-width: 8.2rem !important; max-width: 9.2rem !important; }
.re-vouchers-page .rv-toolbar .rv-f--grow {
  flex: 1 1 10rem !important;
  min-width: 9rem !important;
  max-width: 16rem !important;
}
.re-vouchers-page .rv-toolbar .rv-f > span {
  font-size: .62rem !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  color: #6a7f90 !important;
  line-height: 1 !important;
}
.re-vouchers-page .rv-toolbar .rv-f .field-input,
.re-vouchers-page .rv-toolbar .rv-f select.field-input,
.re-vouchers-page .rv-toolbar .rv-f input.field-input,
.re-vouchers-page .rv-toolbar .searchable-select-trigger {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 2.05rem !important;
  height: 2.05rem !important;
  border-radius: 9px !important;
  border: 1px solid #c8d4e0 !important;
  background: #fff !important;
  font-size: .82rem !important;
  padding: .25rem .5rem !important;
}
.re-vouchers-page .rv-toolbar .rv-total {
  margin-inline-start: auto !important;
  display: inline-flex !important;
  align-items: baseline !important;
  gap: .4rem !important;
  padding: .42rem .8rem !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #0a3348, #0e4d6b 55%, #163a4f) !important;
  color: #fff !important;
  box-shadow: 0 8px 18px rgba(14,77,107,.28) !important;
  white-space: nowrap !important;
  flex: 0 0 auto !important;
  align-self: flex-end !important;
}
.re-vouchers-page .rv-toolbar .rv-total span { font-size: .66rem; font-weight: 750; opacity: .88; }
.re-vouchers-page .rv-toolbar .rv-total b {
  font-size: .95rem; font-weight: 850; font-variant-numeric: tabular-nums;
}
.re-vouchers-page .rv-toolbar .rv-total em {
  font-style: normal; font-size: .68rem; font-weight: 750;
  padding: .12rem .4rem; border-radius: 999px; background: rgba(196,165,116,.28);
}

/* Dense prestige ledger */
.re-vouchers-page .rv-list {
  background: #fff !important;
  border: 1px solid #d5dee8 !important;
  border-radius: 16px !important;
  box-shadow: 0 14px 36px rgba(12,27,42,.07) !important;
  overflow: hidden !important;
}
.re-vouchers-page .rv-list-head,
.re-vouchers-page .rv-row {
  display: grid !important;
  grid-template-columns: 1.15fr .85fr .85fr 1.35fr 1.1fr .7fr auto !important;
  gap: .55rem .85rem !important;
  align-items: center !important;
  padding: .62rem .95rem !important;
  min-width: 0 !important;
}
.re-vouchers-page .rv-list-head {
  background: linear-gradient(180deg, #0e4d6b, #163a4f) !important;
  color: rgba(255,255,255,.82) !important;
  border-bottom: 2px solid #b8956c !important;
  font-size: .66rem !important;
  font-weight: 800 !important;
  letter-spacing: .05em !important;
  text-transform: uppercase !important;
}
.re-vouchers-page .rv-row {
  border-bottom: 1px solid #e8eef3 !important;
  border-inline-start: 3px solid transparent !important;
  background: #fff !important;
  transition: background .12s ease !important;
}
.re-vouchers-page .rv-row:nth-child(even) { background: #fafcfd !important; }
.re-vouchers-page .rv-row:hover { background: #f3f8fb !important; }
.re-vouchers-page .rv-row.t-rent { border-inline-start-color: #175cd3 !important; }
.re-vouchers-page .rv-row.t-dep { border-inline-start-color: #15803d !important; }
.re-vouchers-page .rv-row.t-out { border-inline-start-color: #b42318 !important; }
.re-vouchers-page .rv-row.t-fee { border-inline-start-color: #92600a !important; }
.re-vouchers-page .rv-cell--id strong {
  font-size: .9rem !important; font-weight: 850 !important; color: #0a3348 !important;
}
.re-vouchers-page .rv-cell--id small {
  display: block !important; margin-top: .12rem !important;
  font-size: .7rem !important; color: #6a7f90 !important; font-weight: 650 !important;
}
.re-vouchers-page .rv-cell--amt {
  font-size: 1.02rem !important; font-weight: 850 !important;
  color: #0a3348 !important; font-variant-numeric: tabular-nums !important;
  white-space: nowrap !important;
}
.re-vouchers-page .rv-cell--place strong,
.re-vouchers-page .rv-cell--party strong {
  font-size: .86rem !important; font-weight: 750 !important; color: #123447 !important;
  overflow-wrap: anywhere !important;
}
.re-vouchers-page .rv-cell--place small {
  display: flex !important; flex-wrap: wrap !important; gap: .25rem .4rem !important;
  margin-top: .12rem !important; font-size: .7rem !important; color: #6a7f90 !important;
}
.re-vouchers-page .rv-print {
  border: 1px solid rgba(184,149,108,.45) !important;
  background: linear-gradient(180deg, #fff, #faf6f0) !important;
  color: #8a6a3e !important;
  border-radius: 9px !important;
  padding: .32rem .7rem !important;
  font-size: .76rem !important;
  font-weight: 800 !important;
  cursor: pointer !important;
}
.re-vouchers-page .rv-print:hover {
  background: linear-gradient(135deg, #b8956c, #9a7b4f) !important;
  border-color: transparent !important;
  color: #fff !important;
}

/* Atelier voucher sheet */
.re-modal.rv-sheet.re-sheet--atelier {
  width: min(1040px, 96vw) !important;
  max-width: min(1040px, 96vw) !important;
}
.rv-sheet .rv-pane {
  display: flex !important;
  flex-direction: column !important;
  gap: .85rem !important;
  padding: 1rem !important;
}
.rv-sheet .rv-sheet-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: .65rem .75rem !important;
}
.rv-sheet .rv-sheet-grid-2 {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: .65rem .75rem !important;
}
.rv-sheet .rv-amt-field .field-input {
  font-weight: 850 !important;
  font-size: 1.08rem !important;
  color: #0e4d6b !important;
  border-color: rgba(184,149,108,.45) !important;
  background: linear-gradient(180deg, #fffefb, #fff) !important;
}
.rv-sheet .rv-dues {
  border: 1px solid #d5dee8 !important;
  border-radius: 14px !important;
  background: #f7fafc !important;
  padding: .75rem .8rem .85rem !important;
  display: flex !important;
  flex-direction: column !important;
  gap: .65rem !important;
}
.rv-sheet .rv-dues-top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .75rem !important;
  flex-wrap: wrap !important;
}
.rv-sheet .rv-dues-top strong {
  display: block !important;
  font-size: .92rem !important;
  font-weight: 850 !important;
  color: #0a3348 !important;
}
.rv-sheet .rv-dues-top span {
  display: block !important;
  margin-top: .15rem !important;
  font-size: .74rem !important;
  color: #6a7f90 !important;
}
.rv-sheet .rv-dues-chip {
  display: inline-flex !important;
  align-items: center !important;
  gap: .45rem !important;
  padding: .3rem .65rem !important;
  border-radius: 999px !important;
  background: #fff !important;
  border: 1px solid #d5dee8 !important;
  box-shadow: 0 4px 12px rgba(12,27,42,.05) !important;
}
.rv-sheet .rv-dues-chip em {
  font-style: normal !important;
  font-weight: 800 !important;
  color: #0e4d6b !important;
}
.rv-sheet .rv-dues-chip b {
  color: #8a6a3e !important;
  font-weight: 850 !important;
  font-variant-numeric: tabular-nums !important;
}
.rv-sheet .rv-dues-filters {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: .55rem .65rem !important;
  overflow: visible !important;
  max-height: none !important;
}
.rv-sheet .rv-dues-table {
  width: 100% !important;
  border-collapse: collapse !important;
  background: #fff !important;
  border: 1px solid #d5dee8 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  font-size: .82rem !important;
}
.rv-sheet .rv-dues-table thead th {
  background: linear-gradient(180deg, #0e4d6b, #163a4f) !important;
  color: rgba(255,255,255,.88) !important;
  font-size: .66rem !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  padding: .55rem .65rem !important;
  text-align: start !important;
  border: 0 !important;
  white-space: nowrap !important;
}
.rv-sheet .rv-dues-table tbody td {
  padding: .55rem .65rem !important;
  border-bottom: 1px solid #e8eef3 !important;
  vertical-align: middle !important;
  color: #123447 !important;
}
.rv-sheet .rv-dues-table tbody tr {
  cursor: pointer !important;
  transition: background .12s ease !important;
}
.rv-sheet .rv-dues-table tbody tr:hover { background: #f3f8fb !important; }
.rv-sheet .rv-dues-table tbody tr.is-on,
.rv-sheet .rv-dues-table tbody tr.is-on td {
  background: #e7f0f7 !important;
  box-shadow: none !important;
}
[dir="rtl"] .rv-sheet .rv-dues-table tbody tr.is-on {
  box-shadow: inset -4px 0 0 #276081 !important;
}
:not([dir="rtl"]) .rv-sheet .rv-dues-table tbody tr.is-on {
  box-shadow: inset 4px 0 0 #276081 !important;
}
.rv-sheet .rv-dues-table td strong {
  display: block !important;
  font-weight: 850 !important;
  color: #0a3348 !important;
}
.rv-sheet .rv-dues-table td small {
  display: block !important;
  margin-top: .1rem !important;
  font-size: .7rem !important;
  color: #6a7f90 !important;
}
.rv-sheet .rv-dues-table .num {
  font-weight: 850 !important;
  font-variant-numeric: tabular-nums !important;
  color: #0e4d6b !important;
  white-space: nowrap !important;
  text-align: end !important;
}
.rv-sheet .rv-notes { margin-top: .15rem !important; }
.rv-sheet .rv-unit {
  display: inline-flex !important;
  padding: .08rem .4rem !important;
  border-radius: 6px !important;
  background: #eef4f8 !important;
  border: 1px solid #d0dbe6 !important;
  font-weight: 750 !important;
  font-size: .72rem !important;
  color: #234456 !important;
}

@media (max-width: 900px) {
  .rv-sheet .rv-sheet-grid,
  .rv-sheet .rv-dues-filters { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .re-vouchers-page .rv-list-head { display: none !important; }
  .re-vouchers-page .rv-row {
    grid-template-columns: 1fr 1fr !important;
  }
}
/* === /RE Vouchers Prestige v110 === */

/* === RE Vouchers Balance v111 — equal filter grid + luxury pager === */
.re-page.re-suite.re-vouchers-page .rv-toolbar,
.re-vouchers-page .rv-toolbar {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: .65rem .75rem !important;
  align-items: end !important;
  padding: .85rem 1rem !important;
  overflow: visible !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  max-height: none !important;
  height: auto !important;
  flex-wrap: unset !important;
}
.re-vouchers-page .rv-toolbar .rv-f,
.re-vouchers-page .rv-toolbar .rv-f--search,
.re-vouchers-page .rv-toolbar .rv-f--grow,
.re-vouchers-page .rv-toolbar .rv-f--date {
  min-width: 0 !important;
  max-width: none !important;
  width: 100% !important;
  flex: unset !important;
}
.re-vouchers-page .rv-toolbar .rv-total {
  margin-inline-start: 0 !important;
  width: 100% !important;
  justify-content: space-between !important;
  align-self: end !important;
  min-height: 2.05rem !important;
  box-sizing: border-box !important;
}

/* Luxury pager */
.re-vouchers-page .rv-pager,
.rv-sheet .rv-pager {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .65rem 1rem !important;
  padding: .7rem .95rem !important;
  background: linear-gradient(180deg, #f7fafc, #eef3f7) !important;
  border-top: 1px solid #d5dee8 !important;
}
.rv-sheet .rv-pager--sheet {
  margin-top: .15rem !important;
  border: 1px solid #d5dee8 !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 6px 16px rgba(12,27,42,.04) !important;
}
.rv-pager-meta {
  font-size: .78rem !important;
  font-weight: 750 !important;
  color: #5a7082 !important;
  font-variant-numeric: tabular-nums !important;
  letter-spacing: .02em !important;
}
.rv-pager-nav {
  display: inline-flex !important;
  align-items: center !important;
  gap: .3rem !important;
  flex-wrap: wrap !important;
}
.rv-pager-btn,
.rv-pager-num {
  appearance: none !important;
  border: 1px solid #c9d5e0 !important;
  background: #fff !important;
  color: #0e4d6b !important;
  border-radius: 9px !important;
  min-height: 2rem !important;
  padding: .28rem .7rem !important;
  font-size: .76rem !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  transition: .12s ease !important;
}
.rv-pager-num {
  min-width: 2rem !important;
  padding-inline: .45rem !important;
  text-align: center !important;
}
.rv-pager-btn:hover:not(:disabled),
.rv-pager-num:hover {
  border-color: #0e4d6b !important;
  background: #f3f8fb !important;
}
.rv-pager-num.is-on {
  background: linear-gradient(135deg, #0e4d6b, #163a4f) !important;
  border-color: transparent !important;
  color: #fff !important;
  box-shadow: 0 6px 14px rgba(14,77,107,.25) !important;
}
.rv-pager-btn:disabled {
  opacity: .4 !important;
  cursor: not-allowed !important;
}

@media (max-width: 900px) {
  .re-page.re-suite.re-vouchers-page .rv-toolbar,
  .re-vouchers-page .rv-toolbar {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
/* === /RE Vouchers Balance v111 === */

/* === RE Vouchers Behavior v112 — settle bar below context + deposit flow === */
html:has(.rv-desk) .rv-settle .field-input:disabled {
  opacity: .85;
  cursor: not-allowed;
  font-weight: 700;
}

/* === RE Vouchers Professional Flows v113 — utility / penalty / sale pickers === */
html:has(.rv-desk) .rv-dues-top span {
  display: block;
  margin-top: .2rem;
  opacity: .72;
  font-size: .82rem;
  font-weight: 500;
}
/* === /RE Vouchers Professional Flows v113 === */
.rv-sheet .rv-settle {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.4fr) !important;
  gap: .65rem .75rem !important;
  align-items: end !important;
  padding: .85rem .9rem !important;
  background: linear-gradient(180deg, #fffefb, #fff) !important;
  border: 1px solid rgba(184,149,108,.35) !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 20px rgba(12,27,42,.05) !important;
}
.rv-sheet .rv-settle .rv-settle-notes { grid-column: 1 / -1; }
.rv-sheet .rv-sheet-grid-2 {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: .65rem .75rem !important;
}
@media (max-width: 900px) {
  .rv-sheet .rv-settle { grid-template-columns: 1fr !important; }
  .rv-sheet .rv-settle .rv-pay-method,
  .rv-sheet .rv-settle .rv-amt-field { grid-column: 1; }
}
/* === /RE Vouchers Behavior v112 === */

/* === Payment method extras layout v122 === */
.pay-method-select {
  display: flex;
  flex-direction: column;
  gap: .55rem;
  min-width: 0;
  width: 100%;
}
.pay-method-select__main { min-width: 0; width: 100%; }
.pay-method-extras {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .5rem .65rem;
  align-items: start;
  padding: .55rem .65rem;
  background: rgba(39, 96, 129, .045);
  border: 1px solid rgba(39, 96, 129, .14);
  border-radius: 12px;
}
.pay-method-extras .pay-x-fld { min-width: 0; margin: 0; }
.pay-method-extras .pay-x-fld--wide { grid-column: span 2; }
.pay-method-extras .pay-x-fld--full { grid-column: 1 / -1; }
.pay-bank-empty {
  margin: 0;
  padding: .35rem 0;
  line-height: 1.4;
}
.pay-method-extras__hint {
  grid-column: 1 / -1;
  margin: .05rem 0 0;
  line-height: 1.4;
}
.pay-method-select.is-compact .pay-method-extras {
  padding: .4rem .5rem;
  gap: .4rem .5rem;
}
.rv-sheet .rv-settle {
  grid-template-columns: minmax(0, 1.85fr) minmax(8.5rem, .75fr) !important;
  align-items: start !important;
}
.rv-sheet .rv-settle .rv-pay-method {
  grid-column: 1;
  min-width: 0;
}
.rv-sheet .rv-settle .rv-amt-field {
  grid-column: 2;
  align-self: start;
}
.rv-sheet .rv-settle .rv-settle-notes { grid-column: 1 / -1; }
@media (max-width: 900px) {
  .pay-method-extras { grid-template-columns: 1fr; }
  .pay-method-extras .pay-x-fld--wide,
  .pay-method-extras .pay-x-fld--full { grid-column: 1; }
  .rv-sheet .rv-settle { grid-template-columns: 1fr !important; }
  .rv-sheet .rv-settle .rv-pay-method,
  .rv-sheet .rv-settle .rv-amt-field { grid-column: 1; }
}
/* === /Payment method extras layout v122 === */

/* === RE Schedule Luxury Desk + Authentic KNET v114 === */
.re-schedule-page .rs-desk {
  display: flex;
  flex-direction: column;
  gap: .85rem;
  padding: .15rem 0 1.2rem;
}
.re-schedule-page .rs-toolbar {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .65rem .75rem !important;
  align-items: end !important;
  padding: .9rem 1rem !important;
  background:
    radial-gradient(120% 80% at 100% 0%, rgba(184,149,108,.14), transparent 55%),
    linear-gradient(180deg, #fffefb, #f7f3ec) !important;
  border: 1px solid rgba(184,149,108,.32) !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 28px rgba(12,27,42,.06) !important;
}
.re-schedule-page .rs-f {
  display: flex;
  flex-direction: column;
  gap: .28rem;
  min-width: 8.5rem;
  flex: 1 1 8.5rem;
}
.re-schedule-page .rs-f > span {
  font-size: .68rem;
  font-weight: 750;
  letter-spacing: .02em;
  color: #5a4a38;
  opacity: .9;
}
.re-schedule-page .rs-f .field-input,
.re-schedule-page .rs-f select.field-input {
  min-height: 2.35rem !important;
  border-radius: 11px !important;
  border: 1px solid rgba(39,96,129,.22) !important;
  background: #fff !important;
  font-weight: 600 !important;
}
.re-schedule-page .rs-f--search { flex: 1.4 1 12rem; }
.re-schedule-page .rs-chip {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: .1rem;
  min-height: 2.9rem;
  padding: .45rem .7rem;
  border-radius: 12px;
  background: linear-gradient(135deg, #1f4f6a, #276081);
  color: #fff;
  box-shadow: 0 8px 18px rgba(39,96,129,.28);
}
.re-schedule-page .rs-chip span { font-size: .62rem; font-weight: 700; opacity: .88; }
.re-schedule-page .rs-chip b { font-size: .95rem; font-weight: 800; line-height: 1.1; }
.re-schedule-page .rs-chip em {
  font-style: normal;
  font-size: .72rem;
  font-weight: 700;
  opacity: .85;
}
.re-schedule-page .rs-chip--sel {
  background: linear-gradient(135deg, #8f6b3b, #b8956c);
  box-shadow: 0 8px 18px rgba(143,107,59,.28);
}
.re-schedule-page .rs-pay-btn {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  min-height: 2.55rem;
  padding: .45rem .95rem;
  border: 0;
  border-radius: 12px;
  background: linear-gradient(135deg, #1f6b3a, #2f9e57);
  color: #fff;
  font-size: .86rem;
  font-weight: 800;
  cursor: pointer;
  box-shadow: 0 8px 18px rgba(31,107,58,.22);
}
.re-schedule-page .rs-pay-btn span {
  font-size: .72rem;
  font-weight: 700;
  opacity: .92;
  background: rgba(255,255,255,.18);
  border-radius: 999px;
  padding: .15rem .55rem;
}
.re-schedule-page .rs-pay-btn:hover { filter: brightness(1.05); }
.re-schedule-page .rs-pay-btn.is-ready {
  background: linear-gradient(135deg, #0b5cab, #1a7fd4);
  box-shadow: 0 8px 18px rgba(11,92,171,.28);
}
.re-schedule-page .rs-pay-btn.is-idle {
  background: linear-gradient(135deg, #8a9bab, #a8b6c4);
  box-shadow: none;
  opacity: .55;
  cursor: not-allowed;
}
.re-schedule-page .rs-pay-btn:disabled {
  opacity: .55;
  cursor: not-allowed;
}
.re-schedule-page .rs-focus-chip {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  min-height: 2.55rem;
  padding: .4rem .75rem;
  border-radius: 12px;
  font-size: .8rem;
  font-weight: 750;
}
.re-schedule-page .rs-focus-chip.is-pay {
  background: #e7f0f7;
  color: #0b5cab;
  border: 1px solid rgba(11,92,171,.28);
}
.re-schedule-page .rs-focus-chip.is-paid {
  background: #eaf6ee;
  color: #1f6b3a;
  border: 1px solid rgba(31,107,58,.25);
}
.re-schedule-page .rs-focus-chip .rs-chip-clear {
  margin-inline-start: .15rem;
  width: 1.35rem;
  height: 1.35rem;
  border: 0;
  border-radius: 999px;
  background: rgba(0,0,0,.08);
  color: inherit;
  font-size: .95rem;
  line-height: 1;
  cursor: pointer;
}
.re-schedule-page .rs-clear-sel {
  min-height: 2.55rem;
  padding: .4rem .75rem;
  border: 1px solid rgba(39,96,129,.22);
  border-radius: 12px;
  background: #fff;
  color: #274060;
  font-weight: 700;
  cursor: pointer;
}
.re-schedule-page .rs-action-hint {
  flex: 1 1 100%;
  order: 50;
  margin: .15rem 0 0;
  padding: .45rem .7rem;
  border-radius: 10px;
  background: #fff3d6;
  color: #8a5a10;
  font-size: .8rem;
  font-weight: 700;
}
.re-schedule-page .rs-chip-clear {
  margin-inline-start: .35rem;
  width: 1.35rem;
  height: 1.35rem;
  border: 0;
  border-radius: 999px;
  background: rgba(255,255,255,.22);
  color: #fff;
  font-size: .95rem;
  line-height: 1;
  cursor: pointer;
}
.re-schedule-page .rs-chip-clear:hover { background: rgba(255,255,255,.35); }
.re-schedule-page .rs-hint {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-height: 2.9rem;
  margin-inline-start: auto;
  padding-inline-start: .25rem;
  order: 99;
}
.re-schedule-page .rs-stage {
  background: linear-gradient(180deg, #fff, #fbfaf7);
  border: 1px solid rgba(39,96,129,.14);
  border-radius: 16px;
  box-shadow: 0 12px 30px rgba(12,27,42,.05);
  overflow: hidden;
}
.re-schedule-page .rs-table-wrap { overflow: auto; }
.re-schedule-page .rs-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-size: .84rem;
}
.re-schedule-page .rs-table thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  padding: .72rem .7rem;
  background: linear-gradient(180deg, #f4eee4, #ebe2d4);
  color: #3d3226;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .02em;
  border-bottom: 1px solid rgba(184,149,108,.35);
  white-space: nowrap;
}
.re-schedule-page .rs-table tbody td {
  padding: .62rem .7rem;
  border-bottom: 1px solid rgba(12,27,42,.06);
  vertical-align: middle;
}
.re-schedule-page .rs-table tbody tr {
  transition: background .12s ease;
}
.re-schedule-page .rs-table tbody tr:hover td {
  filter: brightness(0.985);
}
.re-schedule-page .rs-table .num {
  font-variant-numeric: tabular-nums;
  font-weight: 700;
  text-align: end;
}
.re-schedule-page .rs-table .rs-remain { color: #8a4b1a; }
.re-schedule-page .rs-unit {
  display: inline-flex;
  padding: .18rem .45rem;
  border-radius: 999px;
  background: rgba(39,96,129,.1);
  color: #1f4f6a;
  font-weight: 750;
  font-size: .78rem;
}
.re-schedule-page .rs-pill {
  display: inline-flex;
  align-items: center;
  padding: .22rem .55rem;
  border-radius: 999px;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .01em;
}
.re-schedule-page .rs-pill.is-paid { background: #e7f6ec; color: #1f6b3a; }
.re-schedule-page .rs-pill.is-overdue { background: #fde8ea; color: #a12838; }
.re-schedule-page .rs-pill.is-due { background: #fff3d6; color: #8a5a10; }
/* Status is in the pill only — row tint is ONLY for checkbox selection */
.re-schedule-page .rs-table tr.is-overdue td,
.re-schedule-page .rs-table tr.is-due td,
.re-schedule-page .rs-table tr.is-paid td {
  background: #fff;
}
.re-schedule-page .rs-table tr.is-selected td {
  background: #cfe6f5 !important;
}
.re-schedule-page .rs-table tr.is-selected {
  box-shadow: inset -4px 0 0 #0b5cab;
}
[dir="ltr"] .re-schedule-page .rs-table tr.is-selected {
  box-shadow: inset 4px 0 0 #0b5cab;
}
.re-schedule-page .rs-table tr.notification-highlight,
.re-schedule-page .rs-table tr.notification-highlight td {
  outline: none !important;
  animation: none !important;
}
.re-schedule-page .rs-th-check { width: 2.2rem; text-align: center; }

@media (max-width: 1100px) {
  .re-schedule-page .rs-hint { margin-inline-start: 0; }
}

/* Authentic KNET payment shell */
.re-knet-page {
  min-height: calc(100vh - 7rem);
  background:
    radial-gradient(90% 60% at 50% 0%, rgba(0, 102, 153, .08), transparent 60%),
    linear-gradient(180deg, #eef3f7, #f7f9fb 40%, #eef2f5) !important;
  padding: .5rem 0 1.5rem;
}
.re-knet-page .knet-shell {
  max-width: 520px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: .75rem;
}
.re-knet-page .knet-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  padding: 0 .15rem;
}
.re-knet-page .knet-back {
  border: 0;
  background: transparent;
  color: #0a4f73;
  font-weight: 750;
  cursor: pointer;
  padding: .35rem .2rem;
}
.re-knet-page .knet-top-actions {
  display: flex;
  align-items: center;
  gap: .55rem;
}
.re-knet-page .knet-link {
  font-size: .78rem;
  font-weight: 700;
  color: #0a4f73;
  text-decoration: none;
  border-bottom: 1px solid transparent;
}
.re-knet-page .knet-link:hover { border-bottom-color: currentColor; }
.re-knet-page .knet-frame {
  background: #fff;
  border: 1px solid #d5dee6;
  border-radius: 14px;
  overflow: hidden;
  box-shadow:
    0 1px 0 rgba(255,255,255,.8) inset,
    0 18px 40px rgba(10,40,70,.12);
}
.re-knet-page .knet-header {
  display: flex;
  align-items: center;
  gap: .85rem;
  padding: 1rem 1.15rem;
  background: linear-gradient(90deg, #003d5c, #006699 55%, #0088b5);
  color: #fff;
}
.re-knet-page .knet-logo {
  height: 40px;
  width: auto;
  background: #fff;
  border-radius: 8px;
  padding: .35rem .55rem;
  object-fit: contain;
}
.re-knet-page .knet-header-copy {
  display: flex;
  flex-direction: column;
  gap: .15rem;
  min-width: 0;
}
.re-knet-page .knet-header-copy strong {
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: .01em;
}
.re-knet-page .knet-header-copy small {
  opacity: .88;
  font-size: .72rem;
}
.re-knet-page .knet-merchant {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .55rem .75rem;
  padding: .85rem 1.1rem;
  background: #f4f8fb;
  border-bottom: 1px solid #e1e8ef;
}
.re-knet-page .knet-merchant span {
  display: block;
  font-size: .66rem;
  font-weight: 700;
  color: #5b6b7a;
  margin-bottom: .12rem;
}
.re-knet-page .knet-merchant b {
  font-size: .84rem;
  color: #16384f;
  font-weight: 750;
  word-break: break-word;
}
.re-knet-page .knet-amount-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .2rem;
  padding: 1.1rem 1rem .85rem;
  border-bottom: 1px dashed #d5dee6;
}
.re-knet-page .knet-amount-box span {
  font-size: .72rem;
  font-weight: 700;
  color: #5b6b7a;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.re-knet-page .knet-amount-box strong {
  font-size: 1.85rem;
  font-weight: 900;
  color: #003d5c;
  font-variant-numeric: tabular-nums;
  line-height: 1.15;
}
.re-knet-page .knet-amount-box em {
  font-style: normal;
  font-size: .78rem;
  color: #6a7c8c;
  font-weight: 650;
}
.re-knet-page .knet-form {
  padding: 1rem 1.15rem 1.15rem;
  display: flex;
  flex-direction: column;
  gap: .7rem;
}
.re-knet-page .knet-form h4 {
  margin: 0;
  font-size: .82rem;
  font-weight: 800;
  color: #16384f;
}
.re-knet-page .knet-field {
  display: flex;
  flex-direction: column;
  gap: .28rem;
  min-width: 0;
}
.re-knet-page .knet-field > span {
  font-size: .72rem;
  font-weight: 750;
  color: #4a5d6d;
}
.re-knet-page .knet-input {
  width: 100%;
  min-height: 2.55rem;
  padding: .55rem .75rem;
  border: 1px solid #c5d0db;
  border-radius: 8px;
  background: #fff;
  color: #122a3a;
  font-weight: 700;
  font-size: .95rem;
  letter-spacing: .04em;
  font-variant-numeric: tabular-nums;
  box-shadow: inset 0 1px 2px rgba(12,27,42,.04);
}
.re-knet-page .knet-input:focus {
  outline: none;
  border-color: #0088b5;
  box-shadow: 0 0 0 3px rgba(0,136,181,.18);
}
.re-knet-page .knet-field-row {
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  gap: .65rem;
}
.re-knet-page .knet-pay {
  margin-top: .35rem;
  min-height: 2.85rem;
  border: 0;
  border-radius: 9px;
  background: linear-gradient(180deg, #0099cc, #0077a8);
  color: #fff;
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: .02em;
  cursor: pointer;
  box-shadow: 0 8px 18px rgba(0,102,153,.28);
  transition: transform .12s ease, filter .12s ease;
}
.re-knet-page .knet-pay:hover:not(:disabled) {
  filter: brightness(1.05);
  transform: translateY(-1px);
}
.re-knet-page .knet-pay:disabled {
  opacity: .55;
  cursor: wait;
}
.re-knet-page .knet-note {
  margin: 0;
  padding: .65rem .75rem;
  border-radius: 8px;
  background: #f4f8fb;
  color: #4a5d6d;
  font-size: .8rem;
  font-weight: 650;
}
.re-knet-page .knet-note--ok {
  background: #e8f7ee;
  color: #1f6b3a;
}
.re-knet-page .knet-status {
  margin: 0;
  padding: .65rem .75rem;
  border-radius: 8px;
  font-size: .82rem;
  font-weight: 750;
}
.re-knet-page .knet-status.is-ok { background: #e8f7ee; color: #1f6b3a; }
.re-knet-page .knet-status.is-err { background: #fde8ea; color: #a12838; }
.re-knet-page .knet-auth {
  margin: 0;
  font-size: .78rem;
  color: #4a5d6d;
}
.re-knet-page .knet-footer {
  display: flex;
  justify-content: space-between;
  gap: .5rem;
  padding: .7rem 1.1rem;
  background: #f0f4f7;
  border-top: 1px solid #e1e8ef;
  color: #5b6b7a;
  font-size: .68rem;
  font-weight: 700;
}

html[data-theme="dark"] .re-schedule-page .rs-toolbar,
html[data-theme="obsidian"] .re-schedule-page .rs-toolbar {
  background: linear-gradient(180deg, #1c2430, #151b24) !important;
  border-color: rgba(184,149,108,.28) !important;
}
html[data-theme="dark"] .re-schedule-page .rs-f > span,
html[data-theme="obsidian"] .re-schedule-page .rs-f > span { color: #d7c4a8; }
html[data-theme="dark"] .re-schedule-page .rs-stage,
html[data-theme="obsidian"] .re-schedule-page .rs-stage {
  background: #151b24;
  border-color: rgba(255,255,255,.08);
}
html[data-theme="dark"] .re-schedule-page .rs-table thead th,
html[data-theme="obsidian"] .re-schedule-page .rs-table thead th {
  background: #1c2430;
  color: #e8d9c4;
  border-bottom-color: rgba(184,149,108,.25);
}
html[data-theme="dark"] .re-knet-page,
html[data-theme="obsidian"] .re-knet-page {
  background: linear-gradient(180deg, #0f1720, #151b24) !important;
}
html[data-theme="dark"] .re-knet-page .knet-frame,
html[data-theme="obsidian"] .re-knet-page .knet-frame {
  background: #1a222c;
  border-color: rgba(255,255,255,.1);
}
html[data-theme="dark"] .re-knet-page .knet-merchant,
html[data-theme="obsidian"] .re-knet-page .knet-merchant { background: #141b24; }
html[data-theme="dark"] .re-knet-page .knet-input,
html[data-theme="obsidian"] .re-knet-page .knet-input {
  background: #0f1620;
  border-color: rgba(255,255,255,.14);
  color: #e8eef4;
}
html[data-theme="dark"] .re-knet-page .knet-amount-box strong,
html[data-theme="obsidian"] .re-knet-page .knet-amount-box strong { color: #7fd4f0; }
html[data-theme="dark"] .re-knet-page .knet-footer,
html[data-theme="obsidian"] .re-knet-page .knet-footer {
  background: #121820;
  border-top-color: rgba(255,255,255,.08);
}
/* === /RE Schedule Luxury Desk + Authentic KNET v114 === */

/* === RE Schedule paging v115 === */
.re-schedule-page .rs-pager {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  flex-wrap: wrap;
  padding: .75rem 1rem;
  border-top: 1px solid rgba(184,149,108,.28);
  background: linear-gradient(180deg, #fffefb, #f7f3ec);
}
.re-schedule-page .rs-pager-meta {
  font-size: .78rem;
  font-weight: 750;
  color: #5a4a38;
  font-variant-numeric: tabular-nums;
}
.re-schedule-page .rs-pager-nav {
  display: flex;
  align-items: center;
  gap: .35rem;
  flex-wrap: wrap;
}
.re-schedule-page .rs-pager-btn,
.re-schedule-page .rs-pager-num {
  min-height: 2rem;
  min-width: 2rem;
  padding: .28rem .55rem;
  border-radius: 9px;
  border: 1px solid rgba(39,96,129,.2);
  background: #fff;
  color: #1f4f6a;
  font-size: .78rem;
  font-weight: 750;
  cursor: pointer;
}
.re-schedule-page .rs-pager-btn:disabled {
  opacity: .45;
  cursor: not-allowed;
}
.re-schedule-page .rs-pager-num.is-on {
  background: linear-gradient(135deg, #1f4f6a, #276081);
  border-color: transparent;
  color: #fff;
  box-shadow: 0 6px 14px rgba(39,96,129,.25);
}
html[data-theme="dark"] .re-schedule-page .rs-pager,
html[data-theme="obsidian"] .re-schedule-page .rs-pager {
  background: #1c2430;
  border-top-color: rgba(184,149,108,.22);
}
html[data-theme="dark"] .re-schedule-page .rs-pager-meta,
html[data-theme="obsidian"] .re-schedule-page .rs-pager-meta { color: #d7c4a8; }
html[data-theme="dark"] .re-schedule-page .rs-pager-btn,
html[data-theme="dark"] .re-schedule-page .rs-pager-num,
html[data-theme="obsidian"] .re-schedule-page .rs-pager-btn,
html[data-theme="obsidian"] .re-schedule-page .rs-pager-num {
  background: #151b24;
  border-color: rgba(255,255,255,.12);
  color: #dce7f0;
}
/* === /RE Schedule paging v115 === */

/* === RE modal hint tips above popups v116 === */
body:has(.re-modal-backdrop) #zad-hint-tip,
body:has(.re-modal-backdrop) .hint-tip-floating,
.re-page:has(.re-modal-backdrop) ~ #zad-hint-tip,
#zad-hint-tip {
  z-index: 200000 !important;
}
.re-modal-backdrop .hint-tip,
.re-modal .hint-tip,
.re-modal-legend .hint-tip,
.re-sheet .hint-tip,
.rv-sheet .hint-tip {
  position: relative !important;
  z-index: 5 !important;
  overflow: visible !important;
  pointer-events: auto !important;
}
.re-modal-backdrop .hint-tip-btn,
.re-modal .hint-tip-btn,
.re-modal-legend .hint-tip-btn,
.re-sheet .hint-tip-btn,
.rv-sheet .hint-tip-btn {
  pointer-events: auto !important;
  cursor: help !important;
  position: relative !important;
  z-index: 6 !important;
}
/* === /RE modal hint tips above popups v116 === */

/* === RE Landlords luxury desk v117 === */
.re-landlords-page .ll-desk { display:flex; flex-direction:column; gap:.85rem; padding:.1rem 0 1rem; }
.re-landlords-page .ll-toolbar {
  display:flex; flex-wrap:wrap; gap:.65rem .75rem; align-items:end;
  padding:.9rem 1rem; border-radius:16px;
  background: radial-gradient(120% 80% at 100% 0%, rgba(184,149,108,.14), transparent 55%), linear-gradient(180deg,#fffefb,#f7f3ec);
  border:1px solid rgba(184,149,108,.32); box-shadow:0 10px 28px rgba(12,27,42,.06);
}
.re-landlords-page .ll-f { display:flex; flex-direction:column; gap:.28rem; min-width:9rem; flex:1 1 9rem; }
.re-landlords-page .ll-f--search { flex:1.4 1 12rem; }
.re-landlords-page .ll-f > span { font-size:.68rem; font-weight:750; color:#5a4a38; }
.re-landlords-page .ll-f .field-input { min-height:2.35rem; border-radius:11px; border:1px solid rgba(39,96,129,.22); background:#fff; font-weight:600; }
.re-landlords-page .ll-switch { display:inline-flex; align-items:center; gap:.4rem; min-height:2.35rem; font-size:.82rem; font-weight:700; color:#3d3226; }
.re-landlords-page .ll-chip {
  display:flex; flex-direction:column; justify-content:center; gap:.1rem; min-height:2.9rem; padding:.45rem .75rem; border-radius:12px;
  background:linear-gradient(135deg,#1f4f6a,#276081); color:#fff; box-shadow:0 8px 18px rgba(39,96,129,.28);
}
.re-landlords-page .ll-chip span { font-size:.62rem; font-weight:700; opacity:.88; }
.re-landlords-page .ll-chip b { font-size:1.05rem; font-weight:850; }
.re-landlords-page .ll-hint { margin-inline-start:auto; display:flex; align-items:center; min-height:2.9rem; order:99; }
.re-landlords-page .ll-guide { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.65rem; }
.re-landlords-page .ll-guide-card {
  padding:.75rem .85rem; border-radius:14px; background:#fff; border:1px solid rgba(39,96,129,.14);
  box-shadow:0 8px 18px rgba(12,27,42,.04);
}
.re-landlords-page .ll-guide-card strong { display:block; font-size:.82rem; color:#1f4f6a; margin-bottom:.25rem; }
.re-landlords-page .ll-guide-card span { font-size:.75rem; color:#5b6b7a; line-height:1.45; }
.re-landlords-page .ll-stage {
  background:linear-gradient(180deg,#fff,#fbfaf7); border:1px solid rgba(39,96,129,.14); border-radius:16px;
  box-shadow:0 12px 30px rgba(12,27,42,.05); overflow:hidden;
}
.re-landlords-page .ll-table { width:100%; border-collapse:separate; border-spacing:0; font-size:.84rem; }
.re-landlords-page .ll-table thead th {
  position:sticky; top:0; z-index:1; padding:.72rem .7rem; background:linear-gradient(180deg,#f4eee4,#ebe2d4);
  color:#3d3226; font-size:.72rem; font-weight:800; border-bottom:1px solid rgba(184,149,108,.35); white-space:nowrap;
}
.re-landlords-page .ll-table tbody td { padding:.65rem .7rem; border-bottom:1px solid rgba(12,27,42,.06); vertical-align:middle; }
.re-landlords-page .ll-table tr.is-inactive td { opacity:.55; }
.re-landlords-page .ll-pill {
  display:inline-flex; align-items:center; padding:.18rem .5rem; border-radius:999px; font-size:.72rem; font-weight:800;
  background:rgba(39,96,129,.1); color:#1f4f6a; margin-inline-start:.35rem;
}
.re-landlords-page .ll-pill--org { background:#e8f7ee; color:#1f6b3a; }
.re-landlords-page .ll-hold-count { font-weight:850; color:#8a4b1a; }
.re-landlords-page .ll-hold-kinds { display:block; margin-top:.2rem; font-size:.72rem; color:#6a7c8c; }
.re-landlords-page .ll-actions { white-space:nowrap; }
.re-landlords-page .ll-btn {
  min-height:1.9rem; padding:.25rem .55rem; border-radius:8px; border:1px solid rgba(39,96,129,.22);
  background:#fff; color:#1f4f6a; font-size:.75rem; font-weight:750; cursor:pointer; margin-inline-end:.25rem;
}
.re-landlords-page .ll-btn--ghost { background:transparent; }
.re-landlords-page .ll-pager {
  display:flex; align-items:center; justify-content:space-between; gap:.75rem; flex-wrap:wrap;
  padding:.75rem 1rem; border-top:1px solid rgba(184,149,108,.28); background:linear-gradient(180deg,#fffefb,#f7f3ec);
}
.re-landlords-page .ll-pager-meta { font-size:.78rem; font-weight:750; color:#5a4a38; }
.re-landlords-page .ll-pager-nav { display:flex; gap:.35rem; flex-wrap:wrap; }
.re-landlords-page .ll-pager-btn, .re-landlords-page .ll-pager-num {
  min-height:2rem; min-width:2rem; padding:.28rem .55rem; border-radius:9px; border:1px solid rgba(39,96,129,.2);
  background:#fff; color:#1f4f6a; font-size:.78rem; font-weight:750; cursor:pointer;
}
.re-landlords-page .ll-pager-btn:disabled { opacity:.45; cursor:not-allowed; }
.re-landlords-page .ll-pager-num.is-on { background:linear-gradient(135deg,#1f4f6a,#276081); border-color:transparent; color:#fff; }
.re-modal--ll { width:min(720px,100%) !important; }
.re-modal--ll .ll-steps { display:flex; gap:.5rem; flex-wrap:wrap; margin-bottom:.85rem; }
.re-modal--ll .ll-steps span {
  padding:.28rem .55rem; border-radius:999px; font-size:.72rem; font-weight:750; background:#eef3f7; color:#5b6b7a;
}
.re-modal--ll .ll-steps span.is-on { background:#276081; color:#fff; }
.re-modal--ll .ll-kind-pick { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.55rem; }
.re-modal--ll .ll-kind {
  text-align:start; padding:.75rem; border-radius:12px; border:1px solid #d7e0ea; background:#fff; cursor:pointer;
}
.re-modal--ll .ll-kind.is-on { border-color:#276081; box-shadow:0 0 0 2px rgba(39,96,129,.2); background:#f4f8fb; }
.re-modal--ll .ll-kind b { display:block; font-size:.82rem; color:#16384f; margin-bottom:.2rem; }
.re-modal--ll .ll-kind small { font-size:.72rem; color:#6a7c8c; }
@media (max-width:900px) {
  .re-landlords-page .ll-guide, .re-modal--ll .ll-kind-pick { grid-template-columns:1fr; }
}
/* === /RE Landlords luxury desk v117 === */

/* === RE Utilities luxury desk v118 === */
.re-utilities-page .ut-desk { display:flex; flex-direction:column; gap:.85rem; padding:.1rem 0 1rem; }
.re-utilities-page .ut-toolbar {
  display:flex; flex-wrap:wrap; gap:.65rem .75rem; align-items:end;
  padding:.9rem 1rem; border-radius:16px;
  background: radial-gradient(120% 80% at 100% 0%, rgba(184,149,108,.14), transparent 55%), linear-gradient(180deg,#fffefb,#f7f3ec);
  border:1px solid rgba(184,149,108,.32); box-shadow:0 10px 28px rgba(12,27,42,.06);
}
.re-utilities-page .ut-f { display:flex; flex-direction:column; gap:.28rem; min-width:9rem; flex:1 1 9rem; }
.re-utilities-page .ut-f--search { flex:1.6 1 14rem; }
.re-utilities-page .ut-f > span { font-size:.68rem; font-weight:750; color:#5a4a38; }
.re-utilities-page .ut-f .field-input { min-height:2.35rem; border-radius:11px; border:1px solid rgba(39,96,129,.22); background:#fff; font-weight:600; }
.re-utilities-page .ut-switch { display:inline-flex; align-items:center; gap:.4rem; min-height:2.35rem; font-size:.82rem; font-weight:700; color:#3d3226; }
.re-utilities-page .ut-chip {
  display:flex; flex-direction:column; justify-content:center; gap:.1rem; min-height:2.9rem; padding:.45rem .75rem; border-radius:12px;
  background:linear-gradient(135deg,#1f4f6a,#276081); color:#fff; box-shadow:0 8px 18px rgba(39,96,129,.28);
}
.re-utilities-page .ut-chip span { font-size:.62rem; font-weight:700; opacity:.88; }
.re-utilities-page .ut-chip b { font-size:1.05rem; font-weight:850; }
.re-utilities-page .ut-hint { margin-inline-start:auto; display:flex; align-items:center; min-height:2.9rem; order:99; }
.re-utilities-page .ut-stage {
  background:linear-gradient(180deg,#fff,#fbfaf7); border:1px solid rgba(39,96,129,.14); border-radius:16px;
  box-shadow:0 12px 30px rgba(12,27,42,.05); overflow:hidden;
}
.re-utilities-page .ut-table { width:100%; border-collapse:separate; border-spacing:0; font-size:.84rem; }
.re-utilities-page .ut-table thead th {
  position:sticky; top:0; z-index:1; padding:.72rem .7rem; background:linear-gradient(180deg,#f4eee4,#ebe2d4);
  color:#3d3226; font-size:.72rem; font-weight:800; border-bottom:1px solid rgba(184,149,108,.35);
}
.re-utilities-page .ut-table tbody td { padding:.65rem .7rem; border-bottom:1px solid rgba(12,27,42,.06); vertical-align:middle; }
.re-utilities-page .ut-table .num { font-variant-numeric:tabular-nums; font-weight:700; text-align:end; }
.re-utilities-page .ut-table tr.is-inactive td { opacity:.55; }
.re-utilities-page .ut-unit {
  display:inline-flex; padding:.18rem .45rem; border-radius:999px; background:rgba(39,96,129,.1); color:#1f4f6a; font-weight:750; font-size:.78rem;
}
.re-utilities-page .ut-pill {
  display:inline-flex; padding:.18rem .5rem; border-radius:999px; font-size:.72rem; font-weight:800;
}
.re-utilities-page .ut-pill.is-on { background:#e8f7ee; color:#1f6b3a; }
.re-utilities-page .ut-pill.is-off { background:#fde8ea; color:#a12838; }
.re-utilities-page .ut-actions { white-space:nowrap; }
.re-utilities-page .ut-btn {
  min-height:1.9rem; padding:.25rem .55rem; border-radius:8px; border:1px solid rgba(39,96,129,.22);
  background:#fff; color:#1f4f6a; font-size:.75rem; font-weight:750; cursor:pointer; margin-inline-end:.25rem;
}
.re-utilities-page .ut-btn--ghost { background:transparent; }
.re-utilities-page .ut-pager {
  display:flex; align-items:center; justify-content:space-between; gap:.75rem; flex-wrap:wrap;
  padding:.75rem 1rem; border-top:1px solid rgba(184,149,108,.28); background:linear-gradient(180deg,#fffefb,#f7f3ec);
}
.re-utilities-page .ut-pager-meta { font-size:.78rem; font-weight:750; color:#5a4a38; }
.re-utilities-page .ut-pager-nav { display:flex; gap:.35rem; flex-wrap:wrap; }
.re-utilities-page .ut-pager-btn, .re-utilities-page .ut-pager-num {
  min-height:2rem; min-width:2rem; padding:.28rem .55rem; border-radius:9px; border:1px solid rgba(39,96,129,.2);
  background:#fff; color:#1f4f6a; font-size:.78rem; font-weight:750; cursor:pointer;
}
.re-utilities-page .ut-pager-btn:disabled { opacity:.45; cursor:not-allowed; }
.re-utilities-page .ut-pager-num.is-on { background:linear-gradient(135deg,#1f4f6a,#276081); border-color:transparent; color:#fff; }
.re-modal-backdrop:has(.re-modal--ut),
.re-modal-backdrop:has(.re-modal--ll) {
  overflow:visible !important;
}
.re-modal.re-modal--ut {
  width:min(760px,96vw) !important;
  max-height:none !important;
  overflow:visible !important;
  display:flex;
  flex-direction:column;
  border:1px solid rgba(184,149,108,.38);
  box-shadow:0 28px 60px rgba(12,27,42,.28), 0 0 0 1px rgba(255,255,255,.06) inset;
}
.re-modal--ut > .re-modal-body,
.re-modal--ut .re-modal-section,
.re-modal--ut .re-sheet-pane,
.re-modal--ut .re-modal-grid,
.re-modal--ut .field-group,
.re-modal--ut .re-fld,
.re-modal--ut .searchable-select-wrap {
  overflow:visible !important;
}
.re-modal--ut .re-modal-body {
  padding:1rem 1.1rem 1.15rem !important;
  background:linear-gradient(180deg,#fffefb,#f7f3ec) !important;
}
.re-modal--ut .re-modal-section {
  background:#fff;
  border:1px solid rgba(39,96,129,.14);
  border-radius:14px;
  padding:.9rem 1rem 1rem;
  box-shadow:0 8px 22px rgba(12,27,42,.04);
}
.re-modal--ut .re-fld--wide { grid-column:1 / -1; }
.re-modal--ut .re-fld-pair {
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:.75rem;
  align-items:end;
}
@media (max-width:640px) {
  .re-modal--ut .re-fld-pair { grid-template-columns:1fr; }
}
.re-utilities-page .ut-collect-later {
  margin:.55rem 0 0;
  padding:.55rem .7rem;
  border-radius:10px;
  background:rgba(39,96,129,.06);
  border:1px solid rgba(39,96,129,.16);
  color:#1f4f6a;
  font-weight:650;
  line-height:1.45;
}
.re-modal--ut .searchable-select-panel {
  z-index:200150 !important;
  max-height:min(280px,42vh);
  box-shadow:0 16px 36px rgba(12,27,42,.22);
  border:1px solid rgba(39,96,129,.28);
}
.re-modal--ut .re-modal-header--lux {
  background:linear-gradient(135deg,#16384f 0%,#1f4f6a 48%,#276081 100%);
  border-bottom:2px solid rgba(184,149,108,.55);
}
.re-modal--ll {
  overflow:visible !important;
  max-height:none !important;
}
.re-modal--ll > .re-modal-body,
.re-modal--ll .re-modal-section,
.re-modal--ll .re-modal-grid,
.re-modal--ll .field-group,
.re-modal--ll .searchable-select-wrap {
  overflow:visible !important;
}
.re-modal--ut .searchable-select-option {
  white-space:normal !important;
  line-height:1.35;
  padding:.45rem .65rem;
}
.re-utilities-page .ut-bill-switch {
  display:inline-flex; align-items:center; gap:.45rem; flex-wrap:wrap;
  font-weight:750; color:#3d3226;
}
/* === /RE Utilities luxury desk v120 === */

/* === RE Broker luxury desk v127 === */
.re-broker-page .rb-desk { display:flex; flex-direction:column; gap:1rem; padding:.1rem 0 1.2rem; }
.re-broker-page .rb-toolbar {
  display:flex; flex-wrap:wrap; gap:.65rem .75rem; align-items:end;
  padding:1rem 1.1rem; border-radius:18px;
  background:
    radial-gradient(110% 90% at 100% 0%, rgba(184,149,108,.2), transparent 52%),
    linear-gradient(165deg,#fffefb 0%,#f6f1e8 55%,#eef4f8 100%);
  border:1px solid rgba(184,149,108,.38);
  box-shadow:0 14px 34px rgba(12,27,42,.07);
}
.re-broker-page .rb-seg {
  display:inline-flex; flex-wrap:wrap; gap:.3rem; padding:.25rem;
  border-radius:14px; background:rgba(255,255,255,.82); border:1px solid rgba(39,96,129,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
.re-broker-page .rb-seg-btn {
  min-height:2.2rem; padding:.35rem .85rem; border:0; border-radius:10px;
  background:transparent; color:#3d4f5e; font-size:.8rem; font-weight:750; cursor:pointer;
}
.re-broker-page .rb-seg-btn.is-on {
  background:linear-gradient(145deg,#16384f,#276081); color:#fff;
  box-shadow:0 8px 16px rgba(22,56,79,.3);
}
.re-broker-page .rb-f { display:flex; flex-direction:column; gap:.28rem; min-width:10rem; flex:1 1 12rem; }
.re-broker-page .rb-f--search { flex:1.6 1 14rem; }
.re-broker-page .rb-f > span { font-size:.68rem; font-weight:750; color:#5a4a38; letter-spacing:.02em; }
.re-broker-page .rb-f .field-input {
  min-height:2.4rem; border-radius:12px; border:1px solid rgba(39,96,129,.2);
  background:#fff; font-weight:600; box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}
.re-broker-page .rb-chip {
  display:flex; flex-direction:column; justify-content:center; gap:.1rem;
  min-height:2.95rem; padding:.5rem .9rem; border-radius:14px;
  background:linear-gradient(145deg,#16384f,#276081); color:#fff;
  box-shadow:0 10px 22px rgba(39,96,129,.3);
}
.re-broker-page .rb-chip span { font-size:.62rem; font-weight:700; opacity:.88; }
.re-broker-page .rb-chip b { font-size:1.08rem; font-weight:850; }
.re-broker-page .rb-hint { margin-inline-start:auto; display:flex; align-items:center; min-height:2.9rem; order:99; }
.re-broker-page .rb-stage {
  background:
    radial-gradient(90% 60% at 0% 0%, rgba(184,149,108,.08), transparent 50%),
    linear-gradient(180deg,#fffefc,#f7f5f0);
  border:1px solid rgba(184,149,108,.28); border-radius:20px;
  box-shadow:0 16px 40px rgba(12,27,42,.06); padding:1.15rem;
}
.re-broker-page .rb-gallery {
  display:grid !important;
  grid-template-columns:repeat(auto-fill,minmax(17.5rem,1fr)) !important;
  gap:.9rem !important;
}
.re-broker-page .rb-card {
  display:flex; flex-direction:column; overflow:hidden; border-radius:16px !important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfaf7 100%) !important;
  border:1px solid rgba(184,149,108,.32) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.9) inset,
    0 10px 22px rgba(12,27,42,.07) !important;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.re-broker-page .rb-card:hover {
  transform:translateY(-2px);
  border-color:rgba(184,149,108,.55) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.95) inset,
    0 14px 28px rgba(12,27,42,.12) !important;
}
.re-broker-page .rb-card.is-live {
  border-color:rgba(39,96,129,.28) !important;
}
/* Compact status row when listing has no photo — no empty navy slab */
.re-broker-page .rb-card-top {
  display:flex; align-items:center; justify-content:space-between; gap:.5rem;
  padding:.65rem .85rem .15rem; min-height:0;
}
.re-broker-page .rb-card-top .rb-badge {
  position:static; backdrop-filter:none; box-shadow:0 4px 10px rgba(12,27,42,.08);
}
.re-broker-page .rb-unit--inline {
  position:static; background:rgba(18,50,70,.08); color:#16384f;
  border:1px solid rgba(39,96,129,.16); padding:.22rem .55rem; border-radius:8px;
  font-size:.72rem; font-weight:850;
}
/* Photo strip only when an image exists — short, not a half-card void */
.re-broker-page .rb-card-media {
  position:relative; height:7.25rem; min-height:7.25rem; max-height:7.25rem;
  background-size:cover; background-position:center;
  background-color:#16384f;
}
.re-broker-page .rb-card-media::after {
  content:""; position:absolute; inset:auto 0 0 0; height:2px;
  background:linear-gradient(90deg,transparent,rgba(184,149,108,.9),transparent);
}
.re-broker-page .rb-badge {
  position:absolute; top:.65rem; inset-inline-start:.65rem;
  padding:.22rem .55rem; border-radius:999px; font-size:.68rem; font-weight:800;
  letter-spacing:.01em; backdrop-filter:blur(8px);
  box-shadow:0 4px 10px rgba(0,0,0,.16);
}
.re-broker-page .rb-badge.is-live {
  background:linear-gradient(135deg,#1f8a4d,#2fad66); color:#fff;
  border:1px solid rgba(255,255,255,.35);
}
.re-broker-page .rb-badge.is-draft {
  background:rgba(255,255,255,.94); color:#5a4a38;
  border:1px solid rgba(184,149,108,.4);
}
.re-broker-page .rb-badge.is-featured {
  top:auto; bottom:.55rem; inset-inline-start:.65rem; inset-inline-end:auto;
  background:linear-gradient(135deg,#f0d7a4,#c9a86c); color:#1a1208;
  border:1px solid rgba(138,90,43,.45);
}
.re-broker-page .rb-card-media .rb-badge.is-featured { top:.65rem; bottom:auto; inset-inline-start:auto; inset-inline-end:.65rem; }
.re-broker-page .rb-featured-hint.is-ok { color:#067647; font-weight:700; }
.re-broker-page .rb-photo-block { margin-top:.75rem; }
.re-broker-page .rb-photo-actions { margin:.35rem 0 .5rem; }
.re-broker-page .rb-photo-pick {
  display:flex; flex-wrap:wrap; gap:.45rem; margin-bottom:.55rem;
}
.re-broker-page .rb-photo-choice {
  width:4.2rem; height:3.2rem; border-radius:10px; border:2px solid rgba(184,149,108,.35);
  background-size:cover; background-position:center; background-color:#1a2430;
  cursor:pointer; padding:0;
}
.re-broker-page .rb-photo-choice.is-on {
  border-color:#c9a86c; box-shadow:0 0 0 2px rgba(201,168,108,.45);
}
.re-broker-page .rb-btn--ghost {
  appearance:none; border:1px solid rgba(184,149,108,.45); background:#fff; color:#16384f;
  border-radius:10px; padding:.35rem .7rem; font-weight:750; cursor:pointer;
}
.re-broker-page .rb-card-media .rb-unit {
  position:absolute; bottom:.55rem; inset-inline-end:.55rem;
  padding:.2rem .5rem; border-radius:8px; font-size:.7rem; font-weight:850;
  background:rgba(12,27,42,.78); color:#f7efe3; border:1px solid rgba(184,149,108,.45);
}
.re-broker-page .rb-card-body {
  display:flex; flex-direction:column; gap:.4rem; padding:.7rem .9rem .85rem;
}
.re-broker-page .rb-card.no-photo .rb-card-body { padding-top:.35rem; }
.re-broker-page .rb-card-body h3 {
  margin:0; font-size:.92rem; font-weight:850; color:#123246; line-height:1.35;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.re-broker-page .rb-place {
  margin:0; font-size:.76rem; color:#6a7c8c; font-weight:650;
  display:flex; align-items:center; gap:.35rem;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.re-broker-page .rb-place::before {
  content:""; width:.4rem; height:.4rem; border-radius:50%;
  background:linear-gradient(135deg,#b8956c,#8a5a2b); flex:0 0 auto;
}
.re-broker-page .rb-prices {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.4rem;
  margin-top:.05rem;
}
.re-broker-page .rb-prices:has(.rb-price:only-child) {
  grid-template-columns:1fr;
}
.re-broker-page .rb-price {
  display:flex; flex-direction:column; gap:.12rem; padding:.45rem .55rem; border-radius:11px;
  background:
    radial-gradient(120% 100% at 100% 0%, rgba(184,149,108,.18), transparent 55%),
    linear-gradient(180deg,#fffefb,#f3ebe0);
  border:1px solid rgba(184,149,108,.36);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85);
}
.re-broker-page .rb-price span {
  font-size:.62rem; font-weight:800; color:#7a654f;
}
.re-broker-page .rb-price strong {
  font-size:.88rem; font-weight:850; color:#123246; font-variant-numeric:tabular-nums;
}
.re-broker-page .rb-card-actions {
  display:flex; flex-wrap:wrap; gap:.35rem; margin-top:.15rem; padding-top:.55rem;
  border-top:1px solid rgba(184,149,108,.22);
}
.re-broker-page .rb-btn {
  min-height:2rem; padding:.3rem .7rem; border-radius:10px;
  border:1px solid rgba(39,96,129,.24);
  background:linear-gradient(180deg,#fff,#f5f8fb); color:#1f4f6a;
  font-size:.74rem; font-weight:780; cursor:pointer;
  box-shadow:0 2px 6px rgba(12,27,42,.04);
}
.re-broker-page .rb-btn:hover { border-color:rgba(39,96,129,.4); }
.re-broker-page .rb-btn:disabled { opacity:.5; cursor:not-allowed; }
.re-broker-page .rb-btn--ghost {
  background:#fff; color:#1f4f6a; border-color:rgba(39,96,129,.28);
}
.re-broker-page .rb-btn--primary,
.re-broker-page .rb-btn--save {
  border-color:transparent; color:#fff;
  background:linear-gradient(145deg,#16384f,#276081);
  box-shadow:0 8px 16px rgba(39,96,129,.28);
}
.re-broker-page .rb-btn--accent {
  border-color:transparent; color:#fff;
  background:linear-gradient(145deg,#7a4a22,#b8956c);
  box-shadow:0 8px 16px rgba(138,90,43,.28);
}
.re-broker-page .rb-btn--danger {
  color:#b42318; border-color:rgba(180,35,24,.35);
  background:linear-gradient(180deg,#fff,#fff5f5);
}
.re-broker-page .rb-empty {
  text-align:center; padding:2.4rem 1.3rem; border-radius:16px;
  background:radial-gradient(100% 80% at 50% 0%, rgba(184,149,108,.14), transparent 60%), #f7f9fb;
  border:1px dashed rgba(184,149,108,.35);
}
.re-broker-page .rb-empty h3 { margin:0 0 .35rem; color:#16384f; font-weight:850; }
.re-broker-page .rb-empty p { margin:0 0 1rem; color:#6a7c8c; }

.re-modal--rb { width:min(960px,100%) !important; border-radius:20px !important; overflow:hidden; }
.re-modal--rb .rb-modal-head {
  background:linear-gradient(135deg,#0f2a3b 0%,#1f4f6a 48%,#2a6a8a 100%) !important;
  border-bottom:2px solid rgba(184,149,108,.6) !important;
  color:#fff !important;
  padding:.95rem 1.1rem !important;
}
.re-modal--rb .rb-modal-head h3 { color:#fff !important; font-weight:850 !important; }
.re-modal--rb .rb-modal-head small { color:rgba(255,255,255,.82) !important; }
.re-modal--rb .re-modal-header-actions { display:flex; gap:.45rem; align-items:center; flex-wrap:wrap; }
.re-modal--rb .rb-modal-head .rb-btn--save {
  border:0 !important; color:#123246 !important;
  background:linear-gradient(180deg,#f3e6d2,#d4b48a) !important;
  box-shadow:0 6px 14px rgba(0,0,0,.18) !important;
  font-weight:850 !important;
}
.re-modal--rb .rb-modal-head .rb-btn--cancel {
  border:1px solid rgba(255,255,255,.55) !important;
  background:rgba(255,255,255,.96) !important;
  color:#123246 !important;
  font-weight:800 !important;
  box-shadow:0 4px 12px rgba(0,0,0,.16) !important;
}
.re-modal--rb .rb-modal-head .rb-btn--cancel:hover {
  background:#fff !important;
  border-color:#fff !important;
}
.re-modal--rb .rb-modal-body {
  padding:1.1rem 1.15rem 1.25rem !important;
  background:linear-gradient(180deg,#fff,#f8f5f0);
}
.re-modal--rb .rb-editor { display:flex; flex-direction:column; gap:.95rem; }
.re-modal--rb .rb-modal-grid {
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.75rem .85rem; align-items:end;
}
.re-modal--rb .rb-modal-grid--desc { grid-template-columns:repeat(2,minmax(0,1fr)); }
.re-modal--rb .rb-fld--full { grid-column:1 / -1; }
.re-modal--rb .rb-check {
  display:inline-flex; align-items:center; gap:.45rem; min-height:2.4rem;
  font-weight:750; color:#3d3226;
}
.re-modal--rb .rb-map-block {
  border-radius:16px; overflow:hidden; border:1px solid rgba(184,149,108,.3);
  background:#fff; box-shadow:0 10px 24px rgba(12,27,42,.06);
}
.re-modal--rb .rb-map-legend {
  display:flex; align-items:center; gap:.4rem; padding:.6rem .9rem;
  background:linear-gradient(135deg,#16384f,#276081); color:#fff;
  font-size:.84rem; font-weight:800;
}
.re-modal--rb .rb-map { padding:.6rem .7rem .85rem; }
.re-modal--rb .rb-photo-note {
  margin:0; font-size:.78rem; color:#5b6b7a; display:flex; align-items:center; gap:.45rem; flex-wrap:wrap;
}
.re-modal--rb .field-input,
.re-modal--rb .searchable-select-trigger,
.re-modal--rb textarea.field-input {
  border-radius:12px !important;
  border-color:rgba(39,96,129,.2) !important;
  min-height:2.4rem;
  background:#fff !important;
}
@media (max-width:900px) {
  .re-modal--rb .rb-modal-grid,
  .re-modal--rb .rb-modal-grid--desc { grid-template-columns:1fr; }
  .re-broker-page .rb-hint { margin-inline-start:0; order:0; width:100%; }
  .re-broker-page .rb-gallery { grid-template-columns:1fr !important; }
}
/* === /RE Broker luxury desk v127 === */

/* === RE Reports luxury desk v126 === */
.re-reports-page { padding-bottom: 1.25rem; }
.re-reports-page .rr-desk {
  display: flex;
  flex-direction: column;
  gap: .85rem;
  margin-bottom: 1rem;
  padding: 1rem 1.15rem 1.1rem;
  border-radius: 18px;
  background:
    radial-gradient(120% 90% at 0% 0%, rgba(39,96,129,.12), transparent 55%),
    linear-gradient(165deg, #fffefb 0%, #f4f8fb 48%, #eef3f7 100%);
  border: 1px solid rgba(39,96,129,.2);
  box-shadow: 0 14px 34px rgba(12,27,42,.07);
}
.re-reports-page .rr-groups {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .45rem;
}
.re-reports-page .rr-group {
  display: flex;
  flex-direction: column;
  gap: .2rem;
  text-align: start;
  padding: .75rem .9rem;
  border: 1px solid rgba(39,96,129,.16);
  border-radius: 14px;
  background: rgba(255,255,255,.88);
  color: #1a2b3a;
  cursor: pointer;
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease;
}
.re-reports-page .rr-group:hover {
  transform: translateY(-1px);
  border-color: rgba(39,96,129,.35);
  box-shadow: 0 10px 22px rgba(22,56,79,.1);
}
.re-reports-page .rr-group strong {
  font-size: .88rem;
  font-weight: 800;
  letter-spacing: .01em;
}
.re-reports-page .rr-group small {
  font-size: .7rem;
  line-height: 1.35;
  color: #5a6b7d;
}
.re-reports-page .rr-group.is-on {
  background: linear-gradient(145deg, #16384f, #276081);
  border-color: transparent;
  color: #fff;
  box-shadow: 0 12px 24px rgba(22,56,79,.28);
}
.re-reports-page .rr-group.is-on small { color: rgba(255,255,255,.82); }
.re-reports-page .rr-modes {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
  padding: .35rem;
  border-radius: 14px;
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(39,96,129,.12);
}
.re-reports-page .rr-pill {
  min-height: 2.15rem;
  padding: .35rem .85rem;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: #3d4f5e;
  font-size: .78rem;
  font-weight: 750;
  cursor: pointer;
  transition: background .12s ease, color .12s ease, box-shadow .12s ease;
}
.re-reports-page .rr-pill:hover {
  background: rgba(39,96,129,.08);
  color: #16384f;
}
.re-reports-page .rr-pill.is-on {
  background: linear-gradient(145deg, #16384f, #276081);
  color: #fff;
  box-shadow: 0 8px 16px rgba(22,56,79,.28);
}
.re-reports-page .rr-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: .65rem .75rem;
  padding: .85rem .95rem;
  border-radius: 14px;
  background: #fff;
  border: 1px solid rgba(39,96,129,.14);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9);
}
.re-reports-page .rr-f {
  display: flex;
  flex-direction: column;
  gap: .28rem;
  min-width: 9.5rem;
  flex: 0 1 auto;
  margin: 0;
}
.re-reports-page .rr-f--asset {
  flex: 1 1 16rem;
  min-width: 14rem;
  max-width: 22rem;
}
.re-reports-page .rr-f--sm {
  min-width: 5.5rem;
  max-width: 7.5rem;
  flex: 0 0 auto;
}
.re-reports-page .rr-f > span {
  font-size: .68rem;
  font-weight: 750;
  color: #5a6b7d;
  letter-spacing: .02em;
}
.re-reports-page .rr-f .field-input,
.re-reports-page .rr-f .searchable-select-trigger {
  min-height: 2.45rem !important;
  height: 2.45rem !important;
  border-radius: 12px !important;
  border: 1px solid rgba(39,96,129,.2) !important;
  background: #fff !important;
  font-weight: 600;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.8);
  width: 100%;
}
.re-reports-page .rr-f--asset .searchable-select-wrap { width: 100%; }
.re-reports-page .rr-seg {
  display: inline-flex;
  flex-wrap: wrap;
  gap: .3rem;
  padding: .25rem;
  border-radius: 14px;
  background: rgba(244,248,251,.95);
  border: 1px solid rgba(39,96,129,.12);
}
.re-reports-page .rr-seg-btn {
  min-height: 2.2rem;
  padding: .3rem .75rem;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: #3d4f5e;
  font-size: .78rem;
  font-weight: 750;
  cursor: pointer;
}
.re-reports-page .rr-seg-btn.is-on {
  background: linear-gradient(145deg, #16384f, #276081);
  color: #fff;
  box-shadow: 0 8px 16px rgba(22,56,79,.28);
}
.re-reports-page .rr-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .45rem;
  margin-inline-start: auto;
}
.re-reports-page .rr-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.45rem;
  padding: .4rem 1.05rem;
  border-radius: 12px;
  font-size: .82rem;
  font-weight: 800;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid transparent;
  transition: transform .12s ease, box-shadow .12s ease, opacity .12s ease;
}
.re-reports-page .rr-btn:disabled { opacity: .45; cursor: not-allowed; }
.re-reports-page .rr-btn--run {
  background: linear-gradient(145deg, #9a7b4f, #7a5f3a);
  color: #fff;
  box-shadow: 0 10px 20px rgba(122,95,58,.28);
}
.re-reports-page .rr-btn--run:hover:not(:disabled) { transform: translateY(-1px); }
.re-reports-page .rr-btn--print {
  background: #fff;
  color: #16384f;
  border-color: rgba(39,96,129,.28);
}
.re-reports-page .rr-btn--cancel {
  background: transparent;
  color: #6b4a3a;
  border-color: rgba(154,80,60,.35);
}
.re-reports-page .rr-btn--cancel:hover { background: rgba(154,80,60,.08); }
.re-reports-page .rr-msg {
  margin: 0;
  font-size: .8rem;
  color: #8a4b2a;
  font-weight: 650;
}
.re-reports-page .rr-busy {
  padding: .35rem .15rem;
  font-weight: 700;
  color: #276081;
}
.re-reports-page .rr-sheet.re-report-lux {
  padding: 1.15rem 1.25rem 1.35rem;
  border-radius: 18px;
  border: 1px solid rgba(39,96,129,.16);
  background:
    linear-gradient(180deg, #ffffff 0%, #fbfcfd 100%);
  box-shadow: 0 16px 40px rgba(12,27,42,.08);
  min-height: 58vh;
}
.re-reports-page .rr-sheet .report-header-pro {
  margin-bottom: .85rem;
  padding-bottom: .75rem;
  border-bottom: 2px solid rgba(39,96,129,.14);
}
.re-reports-page .rr-sheet .report-summary,
.re-reports-page .rr-sheet .re-report-summary {
  border-radius: 12px !important;
  border: 1px solid rgba(39,96,129,.12) !important;
  background: linear-gradient(165deg, #f7fafc, #eef4f8) !important;
  padding: .75rem .9rem !important;
  gap: .55rem 1rem !important;
}
.re-reports-page .rr-sheet .report-table {
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid rgba(39,96,129,.12);
}
.re-reports-page .rr-sheet .report-table th {
  background: linear-gradient(180deg, #16384f, #1f4d6a) !important;
  color: #fff !important;
  border-bottom: none !important;
  font-size: .76rem;
  letter-spacing: .02em;
}
.re-reports-page .rr-sheet .re-group-bar {
  margin: .85rem 0 .35rem;
  padding: .45rem .75rem;
  border-radius: 10px;
  background: linear-gradient(135deg, rgba(39,96,129,.12), rgba(154,123,79,.1));
  border: 1px solid rgba(39,96,129,.14);
  font-weight: 800;
  color: #16384f;
}
.re-reports-page .rr-sheet .re-unit-bar {
  margin: .35rem 0 .2rem;
  padding: .3rem .65rem;
  border-radius: 8px;
  background: #f4f7fa;
  color: #3d4f5e;
  font-size: .78rem;
  font-weight: 700;
}
.re-reports-page .re-report-empty {
  margin-top: 1rem;
  padding: 1.5rem 1.25rem;
  text-align: center;
  border-radius: 14px;
  border: 1px dashed rgba(39,96,129,.28);
  background: #f8fafc;
}
@media (max-width: 960px) {
  .re-reports-page .rr-groups { grid-template-columns: 1fr; }
  .re-reports-page .rr-actions { margin-inline-start: 0; width: 100%; }
  .re-reports-page .rr-f--asset { max-width: none; flex: 1 1 100%; }
}
@media print {
  .re-reports-page .rr-desk,
  .re-reports-page .rr-busy { display: none !important; }
  .re-reports-page .rr-sheet.re-report-lux {
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    min-height: 0 !important;
  }
}
/* === /RE Reports luxury desk v126 === */

/* === RE Inquiries luxury inbox v131 (4-up brass cards, match broker) === */
.re-inquiries-page .rb-desk { display:flex; flex-direction:column; gap:1rem; padding:.1rem 0 1.2rem; }
.re-inquiries-page .rb-toolbar {
  display:flex; flex-wrap:wrap; gap:.65rem .75rem; align-items:end;
  padding:1rem 1.1rem; border-radius:18px;
  background:
    radial-gradient(110% 90% at 100% 0%, rgba(184,149,108,.2), transparent 52%),
    linear-gradient(165deg,#fffefb 0%,#f6f1e8 55%,#eef4f8 100%);
  border:1px solid rgba(184,149,108,.38);
  box-shadow:0 14px 34px rgba(12,27,42,.07);
}
.re-inquiries-page .rb-seg {
  display:inline-flex; flex-wrap:wrap; gap:.3rem; padding:.25rem;
  border-radius:14px; background:rgba(255,255,255,.82); border:1px solid rgba(39,96,129,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
.re-inquiries-page .rb-seg-btn {
  min-height:2.2rem; padding:.35rem .85rem; border:0; border-radius:10px;
  background:transparent; color:#3d4f5e; font-size:.8rem; font-weight:750; cursor:pointer;
}
.re-inquiries-page .rb-seg-btn.is-on {
  background:linear-gradient(145deg,#16384f,#276081); color:#fff;
  box-shadow:0 8px 16px rgba(22,56,79,.3);
}
.re-inquiries-page .rb-chip {
  display:flex; flex-direction:column; justify-content:center; gap:.1rem;
  min-height:2.95rem; padding:.5rem .9rem; border-radius:14px;
  background:linear-gradient(145deg,#16384f,#276081); color:#fff;
  box-shadow:0 10px 22px rgba(39,96,129,.3); margin-inline-start:0;
  flex:0 0 auto;
}
.re-inquiries-page .ri-search {
  display:flex; align-items:center; gap:.45rem; flex:1 1 16rem; min-width:12rem;
  max-width:min(28rem, 100%); padding:.28rem .7rem; border-radius:999px;
  background:rgba(255,255,255,.9); border:1px solid rgba(39,96,129,.2);
  box-shadow:inset 0 1px 0 #fff, 0 6px 14px rgba(12,27,42,.05);
}
.re-inquiries-page .ri-search-ico {
  color:#276081; font-size:1rem; font-weight:700; opacity:.75; flex:0 0 auto;
}
.re-inquiries-page .ri-search .field-input {
  flex:1 1 auto; min-width:0; border:0 !important; background:transparent !important;
  box-shadow:none !important; padding:.35rem .15rem !important; font-size:.88rem;
  color:#1a2430;
}
.re-inquiries-page .ri-search .field-input::placeholder { color:#8a94a3; }
.re-inquiries-page .ri-card-media {
  position:relative; height:118px; min-height:118px; overflow:hidden;
  background:linear-gradient(155deg,#1c2834,#0a1016);
}
.re-inquiries-page .ri-card-media img {
  width:100%; height:100%; object-fit:cover; display:block;
  transition:transform .45s ease;
}
.re-inquiries-page .ri-card:hover .ri-card-media img { transform:scale(1.05); }
.re-inquiries-page .ri-card-ph {
  width:100%; height:100%;
  background:
    radial-gradient(circle at 50% 40%, rgba(184,149,108,.28), transparent 55%),
    linear-gradient(155deg,#243344,#121a24);
}
.re-inquiries-page .ri-card-media-veil {
  position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(180deg, transparent 40%, rgba(8,12,18,.45) 100%);
}
.re-inquiries-page .rb-chip span { font-size:.62rem; font-weight:700; opacity:.88; }
.re-inquiries-page .rb-chip b { font-size:1.08rem; font-weight:850; }
.re-inquiries-page .rb-stage {
  background:
    radial-gradient(90% 60% at 0% 0%, rgba(184,149,108,.08), transparent 50%),
    linear-gradient(180deg,#fffefc,#f7f5f0);
  border:1px solid rgba(184,149,108,.28); border-radius:20px;
  box-shadow:0 16px 40px rgba(12,27,42,.06); padding:1.15rem;
}
.re-inquiries-page .ri-gallery,
.re-inquiries-page .rb-gallery {
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:.9rem !important;
}
.re-inquiries-page .ri-card,
.re-inquiries-page .rb-card {
  display:flex; flex-direction:column; overflow:hidden; border-radius:16px !important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfaf7 100%) !important;
  border:1px solid rgba(184,149,108,.32) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.9) inset,
    0 10px 22px rgba(12,27,42,.07) !important;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  border-block-start:3px solid #b8956c !important;
}
.re-inquiries-page .ri-card:hover {
  transform:translateY(-2px);
  border-color:rgba(184,149,108,.55) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.95) inset,
    0 14px 28px rgba(12,27,42,.12) !important;
}
.re-inquiries-page .ri-card.is-new { border-block-start-color:#276081 !important; }
.re-inquiries-page .ri-card.is-progress { border-block-start-color:#b8956c !important; }
.re-inquiries-page .ri-card.is-converted { border-block-start-color:#067647 !important; }
.re-inquiries-page .ri-card.is-closed { border-block-start-color:#98a2b3 !important; }
.re-inquiries-page .ri-card-top {
  display:flex; align-items:center; justify-content:space-between; gap:.5rem;
  padding:.7rem .85rem .2rem;
}
.re-inquiries-page .rb-badge {
  display:inline-flex; align-items:center; min-height:1.55rem; padding:.15rem .55rem;
  border-radius:999px; font-size:.68rem; font-weight:800; letter-spacing:.01em;
}
.re-inquiries-page .rb-badge.is-new { background:#e8f1f8; color:#16384f; }
.re-inquiries-page .rb-badge.is-progress { background:#f7efe4; color:#7a4a22; }
.re-inquiries-page .rb-badge.is-live { background:#e8f6ef; color:#067647; }
.re-inquiries-page .rb-badge.is-draft { background:#f2f4f7; color:#667085; }
.re-inquiries-page .ri-kind {
  font-size:.68rem; font-weight:750; color:#7a654f;
  padding:.2rem .5rem; border-radius:8px; background:rgba(184,149,108,.12);
}
.re-inquiries-page .ri-card-body { padding:.35rem .9rem .95rem; display:flex; flex-direction:column; gap:.35rem; }
.re-inquiries-page .ri-card-body h3 {
  margin:0; font-size:1.02rem; font-weight:850; color:#123246; line-height:1.25;
}
.re-inquiries-page .ri-phone {
  font-size:.82rem; font-weight:750; color:#276081; text-decoration:none; font-variant-numeric:tabular-nums;
}
.re-inquiries-page .ri-phone:hover { text-decoration:underline; }
.re-inquiries-page .rb-place {
  display:flex; flex-wrap:wrap; align-items:center; gap:.35rem;
  margin:0; font-size:.78rem; font-weight:700; color:#5a6b7a;
}
.re-inquiries-page .rb-place::before {
  content:""; width:.4rem; height:.4rem; border-radius:50%;
  background:linear-gradient(135deg,#b8956c,#8a5a2b); flex:0 0 auto;
}
.re-inquiries-page .ri-msg {
  margin:0; font-size:.78rem; line-height:1.45; color:#4a5563;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
}
.re-inquiries-page .ri-meta {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.4rem; margin-top:.15rem;
}
.re-inquiries-page .rb-price {
  display:flex; flex-direction:column; gap:.12rem; padding:.45rem .55rem; border-radius:11px;
  background:
    radial-gradient(120% 100% at 100% 0%, rgba(184,149,108,.18), transparent 55%),
    linear-gradient(180deg,#fffefb,#f3ebe0);
  border:1px solid rgba(184,149,108,.36);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85);
}
.re-inquiries-page .rb-price span { font-size:.62rem; font-weight:800; color:#7a654f; }
.re-inquiries-page .rb-price strong {
  font-size:.78rem; font-weight:850; color:#123246; font-variant-numeric:tabular-nums;
}
.re-inquiries-page .rb-card-actions {
  display:flex; flex-wrap:wrap; gap:.35rem; margin-top:.15rem; padding-top:.55rem;
  border-top:1px solid rgba(184,149,108,.22);
}
.re-inquiries-page .rb-btn {
  min-height:2rem; padding:.3rem .7rem; border-radius:10px;
  border:1px solid rgba(39,96,129,.24);
  background:linear-gradient(180deg,#fff,#f5f8fb); color:#1f4f6a;
  font-size:.72rem; font-weight:780; cursor:pointer; text-decoration:none;
  display:inline-flex; align-items:center; box-shadow:0 2px 6px rgba(12,27,42,.04);
}
.re-inquiries-page .rb-btn:hover { border-color:rgba(39,96,129,.4); }
.re-inquiries-page .rb-btn:disabled { opacity:.5; cursor:not-allowed; }
.re-inquiries-page .rb-btn--ghost { background:#fff; color:#1f4f6a; border-color:rgba(39,96,129,.28); }
.re-inquiries-page .rb-btn--primary {
  border-color:transparent; color:#fff;
  background:linear-gradient(145deg,#16384f,#276081);
  box-shadow:0 8px 16px rgba(39,96,129,.28);
}
.re-inquiries-page .rb-btn--accent {
  border-color:transparent; color:#fff;
  background:linear-gradient(145deg,#7a4a22,#b8956c);
  box-shadow:0 8px 16px rgba(122,74,34,.28);
}
.re-inquiries-page .rb-empty {
  text-align:center; padding:2.5rem 1.25rem; border-radius:16px;
  border:1px dashed rgba(184,149,108,.4); background:rgba(255,255,255,.65);
}
.re-inquiries-page .rb-empty h3 { margin:0 0 .35rem; color:#16384f; font-weight:850; }
.re-inquiries-page .rb-empty p { margin:0; color:#6a7c8c; }
@media (max-width: 1200px) {
  .re-inquiries-page .ri-gallery { grid-template-columns:repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 720px) {
  .re-inquiries-page .ri-gallery { grid-template-columns:1fr !important; }
}
/* === /RE Inquiries luxury inbox v131 === */

/* Broker tip card + assets gallery publish */
.re-broker-page .rb-tip-card {
  display:flex; gap:.75rem; align-items:flex-start;
  margin-top:.35rem; padding:.85rem 1rem;
  border-radius:14px;
  background:linear-gradient(135deg, rgba(201,168,108,.14), rgba(22,56,79,.06));
  border:1px solid rgba(184,149,108,.42);
  box-shadow:0 8px 22px rgba(22,56,79,.06);
}
.re-broker-page .rb-tip-card-mark {
  flex-shrink:0; width:1.75rem; height:1.75rem; border-radius:999px;
  display:grid; place-items:center;
  background:linear-gradient(135deg,#f0d7a4,#c9a86c); color:#1a1208;
  font-size:.85rem; font-weight:800;
}
.re-broker-page .rb-tip-card-body { display:flex; flex-direction:column; gap:.35rem; min-width:0; }
.re-broker-page .rb-tip-card-body strong { color:#16384f; font-size:.92rem; }
.re-broker-page .rb-tip-card-body p { margin:0; font-size:.82rem; line-height:1.5; color:#3d4f5c; }
.re-broker-page .rb-tip-card-body .rb-tip-sub { color:#6a7a86; font-size:.78rem; }

.re-gallery-source-card {
  margin-top:.35rem; padding:.9rem 1rem; border-radius:14px;
  background:linear-gradient(135deg, rgba(22,56,79,.06), rgba(201,168,108,.1));
  border:1px solid rgba(184,149,108,.35);
  display:flex; flex-direction:column; gap:.45rem;
}
.re-gallery-source-card strong { color:#16384f; font-size:.95rem; }
.re-gallery-source-card > p { margin:0; font-size:.82rem; line-height:1.5; color:#3d4f5c; }
.re-gallery-source-note { margin:0 !important; font-size:.78rem !important; color:#6a7a86 !important; }

.re-gallery-pub-section .re-gallery-pub-hint {
  margin:0 0 .55rem; font-size:.84rem; line-height:1.5; color:#3d4f5c;
}
.re-gallery-pub-checks { display:flex; flex-wrap:wrap; gap:.65rem 1.1rem; margin-bottom:.55rem; }
.re-gallery-pub-actions { display:flex; flex-wrap:wrap; gap:.5rem; margin-top:.35rem; }

/* === RE Assets compact chrome v85 — kill dead air under filter bar === */
.re-page.re-suite {
  gap: .35rem !important;
  padding: .55rem .7rem 1rem !important;
}
.re-page.re-suite .re-assets-bar {
  margin-bottom: .12rem !important;
  padding: .3rem .55rem !important;
}
.re-page.re-suite .re-suite-stage {
  padding: .1rem 0 .55rem !important;
  gap: .15rem !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  overflow: visible !important;
}
.re-page.re-suite .re-erp-tabs.re-bld-fill {
  margin: 0 0 .15rem !important;
  padding: 0 !important;
}
.re-page.re-suite .re-erp-filters.re-bld-filters {
  margin-bottom: .25rem !important;
}

/* Gallery publish — compact fee beside checkbox */
.re-gallery-pub-row {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: .55rem .9rem !important;
  margin-bottom: .55rem !important;
}
.re-gallery-fee-inline {
  display: inline-flex !important;
  align-items: center !important;
  gap: .4rem !important;
  margin: 0 !important;
  font-size: .8rem !important;
  color: #3d4f5c !important;
  font-weight: 650 !important;
}
.re-gallery-fee-inline .re-gallery-fee-input,
.re-gallery-fee-input {
  width: 7.5rem !important;
  min-width: 6.5rem !important;
  max-width: 9rem !important;
  height: 2.1rem !important;
  padding: .25rem .5rem !important;
  border-radius: 10px !important;
}
.re-gallery-pub-offer {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: .55rem !important;
  margin-bottom: .55rem !important;
}
.re-offer-panel {
  display: flex !important;
  flex-direction: column !important;
  gap: .65rem !important;
  margin: .15rem 0 .65rem !important;
  padding: .75rem .85rem !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, #f7f4ee 0%, #eef3f7 100%) !important;
  border: 1px solid rgba(45, 74, 98, .12) !important;
}
.re-offer-kind {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .4rem !important;
}
.re-offer-chip {
  appearance: none !important;
  border: 1px solid rgba(45, 74, 98, .18) !important;
  background: #fff !important;
  color: #2d4a62 !important;
  font: inherit !important;
  font-size: .82rem !important;
  font-weight: 650 !important;
  padding: .4rem .85rem !important;
  border-radius: 999px !important;
  cursor: pointer !important;
  transition: background .15s, border-color .15s, color .15s !important;
}
.re-offer-chip.is-on {
  background: #1e3a5f !important;
  border-color: #1e3a5f !important;
  color: #f5e6c8 !important;
}
.re-offer-amounts {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: .55rem !important;
}
.re-offer-amt {
  display: flex !important;
  flex-direction: column !important;
  gap: .28rem !important;
  margin: 0 !important;
}
.re-offer-amt > span {
  font-size: .75rem !important;
  font-weight: 700 !important;
  color: #3d4f5c !important;
}
.re-offer-amt .field-input {
  height: 2.35rem !important;
  border-radius: 10px !important;
  background: #fff !important;
}
.re-featured-period {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  justify-content: space-between !important;
  gap: .55rem .75rem !important;
  margin: 0 0 .55rem !important;
  padding: .55rem .7rem !important;
  border-radius: 14px !important;
  background:
    linear-gradient(145deg, rgba(255,252,248,.95), rgba(247,236,214,.88)) !important;
  border: 1px solid rgba(184, 134, 11, .28) !important;
  box-shadow: inset 0 1px 0 #fff, 0 6px 16px rgba(90,60,20,.06) !important;
}
.re-featured-until {
  font-size: .78rem !important;
  font-weight: 650 !important;
  color: #6b5a2a !important;
}
.re-featured-until.is-live { color: #067647 !important; }
.re-featured-until.is-ended { color: #b42318 !important; }
.re-featured-until.is-new { color: #6a7a86 !important; }
.re-featured-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: .35rem !important;
}
.re-featured-actions .re-erp-chrome-btn.danger,
.re-featured-actions .rb-btn.danger {
  color: #b42318 !important;
}

/* Luxury featured countdown — pearl brass (never flat black) */
.re-feat-cd {
  position: relative !important;
  flex: 1 1 16rem !important;
  min-width: min(100%, 16rem) !important;
  overflow: hidden !important;
  border-radius: 14px !important;
  border: 1px solid rgba(184, 134, 11, .42) !important;
  background:
    radial-gradient(120% 90% at 8% 0%, rgba(255,255,255,.98), transparent 48%),
    radial-gradient(90% 70% at 92% 12%, rgba(232,201,143,.35), transparent 50%),
    linear-gradient(155deg, #fffefb 0%, #f6ebe0 48%, #efe2d0 100%) !important;
  box-shadow: 0 8px 20px rgba(90, 60, 20, .1), inset 0 1px 0 #fff !important;
  color: #2a1c10 !important;
}
.re-feat-cd__glow {
  position: absolute !important;
  inset: -30% auto -30% -20% !important;
  width: 45% !important;
  background: linear-gradient(90deg, transparent, rgba(232,201,143,.35), transparent) !important;
  pointer-events: none !important;
  animation: re-feat-cd-sheen 4.8s ease-in-out infinite !important;
}
@keyframes re-feat-cd-sheen {
  0% { transform: translateX(0); opacity: 0; }
  20% { opacity: .7; }
  100% { transform: translateX(280%); opacity: 0; }
}
.re-feat-cd__inner {
  position: relative !important;
  z-index: 1 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: .55rem .85rem !important;
  padding: .55rem .7rem !important;
}
.re-feat-cd__copy {
  display: flex !important;
  flex-direction: column !important;
  gap: .12rem !important;
  min-width: 0 !important;
}
.re-feat-cd__copy strong {
  font-size: .78rem !important;
  font-weight: 850 !important;
  color: #6b4a18 !important;
  letter-spacing: .02em !important;
}
.re-feat-cd__copy span {
  font-size: .68rem !important;
  color: #6a5640 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.re-feat-cd__units {
  display: flex !important;
  align-items: center !important;
  gap: .28rem !important;
  margin-inline-start: auto !important;
}
.re-feat-cd__unit {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  min-width: 2.55rem !important;
  padding: .28rem .32rem !important;
  border-radius: 10px !important;
  background: rgba(255,255,255,.85) !important;
  border: 1px solid rgba(184, 134, 11, .4) !important;
  box-shadow: inset 0 1px 0 #fff, 0 2px 6px rgba(90,60,20,.06) !important;
}
.re-feat-cd__val {
  font-variant-numeric: tabular-nums !important;
  font-size: 1.05rem !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  color: #5c3d18 !important;
  letter-spacing: .04em !important;
}
.re-feat-cd__lab {
  margin-top: .1rem !important;
  font-size: .55rem !important;
  font-weight: 700 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  color: #8a6d45 !important;
}
.re-feat-cd__sep {
  font-size: 1rem !important;
  font-weight: 800 !important;
  color: rgba(138, 90, 43, .45) !important;
  margin-bottom: .75rem !important;
}
.re-feat-cd.is-urgent {
  border-color: rgba(180, 90, 40, .5) !important;
  background:
    radial-gradient(120% 90% at 8% 0%, rgba(255,255,255,.98), transparent 48%),
    linear-gradient(155deg, #fff8f0 0%, #f5e0c8 100%) !important;
}
.re-feat-cd.is-urgent .re-feat-cd__val { color: #8a3d10 !important; }
.re-feat-cd.is-expired {
  background: linear-gradient(155deg, #faf4f4, #f0e0e0) !important;
  border-color: rgba(160, 70, 70, .35) !important;
}
.re-feat-cd.is-expired .re-feat-cd__copy strong { color: #8a3030 !important; }
.re-feat-cd.is-compact {
  flex: 0 0 auto !important;
  min-width: 0 !important;
  width: 100% !important;
  border-radius: 10px !important;
  margin-top: .28rem !important;
}
.re-feat-cd.is-compact .re-feat-cd__inner {
  padding: .32rem .38rem !important;
  gap: .25rem !important;
  justify-content: center !important;
}
.re-feat-cd.is-compact .re-feat-cd__copy { display: none !important; }
.re-feat-cd.is-compact .re-feat-cd__units { margin-inline-start: 0 !important; gap: .12rem !important; width: 100% !important; justify-content: center !important; }
.re-feat-cd.is-compact .re-feat-cd__unit {
  min-width: 1.65rem !important;
  padding: .12rem .14rem !important;
  border-radius: 7px !important;
}
.re-feat-cd.is-compact .re-feat-cd__val { font-size: .72rem !important; }
.re-feat-cd.is-compact .re-feat-cd__lab { font-size: .42rem !important; }
.re-feat-cd.is-compact .re-feat-cd__sep { font-size: .68rem !important; margin-bottom: .45rem !important; }
@media (prefers-reduced-motion: reduce) {
  .re-feat-cd__glow { animation: none !important; }
}
@media (max-width: 640px) {
  .re-feat-cd__units { width: 100% !important; justify-content: center !important; margin-inline-start: 0 !important; }
  .re-feat-cd__inner { justify-content: center !important; text-align: center !important; }
  .re-feat-cd__copy { align-items: center !important; width: 100% !important; }
}

/* Dark ERP themes — countdown still pearl-brass for clarity */
html[data-theme="dark"] .re-feat-cd,
html[data-theme="obsidian"] .re-feat-cd,
html.theme-obsidian .re-feat-cd,
body.theme-obsidian .re-feat-cd {
  background:
    radial-gradient(120% 90% at 8% 0%, rgba(255,255,255,.12), transparent 48%),
    linear-gradient(155deg, #2a241c 0%, #1a1612 100%) !important;
  border-color: rgba(212, 180, 131, .4) !important;
  color: #f7f0e4 !important;
}
html[data-theme="dark"] .re-feat-cd__copy strong,
html[data-theme="obsidian"] .re-feat-cd__copy strong,
html.theme-obsidian .re-feat-cd__copy strong,
body.theme-obsidian .re-feat-cd__copy strong { color: #f0d7a4 !important; }
html[data-theme="dark"] .re-feat-cd__copy span,
html[data-theme="obsidian"] .re-feat-cd__copy span,
html.theme-obsidian .re-feat-cd__copy span,
body.theme-obsidian .re-feat-cd__copy span { color: rgba(247,240,228,.7) !important; }
html[data-theme="dark"] .re-feat-cd__unit,
html[data-theme="obsidian"] .re-feat-cd__unit,
html.theme-obsidian .re-feat-cd__unit,
body.theme-obsidian .re-feat-cd__unit {
  background: rgba(255,248,236,.08) !important;
  border-color: rgba(212,180,131,.35) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important;
}
html[data-theme="dark"] .re-feat-cd__val,
html[data-theme="obsidian"] .re-feat-cd__val,
html.theme-obsidian .re-feat-cd__val,
body.theme-obsidian .re-feat-cd__val { color: #f3e0b5 !important; }
html[data-theme="dark"] .re-feat-cd__lab,
html[data-theme="obsidian"] .re-feat-cd__lab,
html.theme-obsidian .re-feat-cd__lab,
body.theme-obsidian .re-feat-cd__lab { color: rgba(232,224,210,.75) !important; }
.re-gallery-pub-acct {
  margin: 0 0 .45rem !important;
  font-size: .78rem !important;
  line-height: 1.45 !important;
  color: #6a7a86 !important;
}
.re-gallery-pub-section .re-fld--sm .field-label-row { font-size: .75rem !important; }
@media (max-width: 720px) {
  .re-gallery-pub-offer { grid-template-columns: 1fr !important; }
  .re-offer-amounts { grid-template-columns: 1fr !important; }
}

/* Leases paths banner + broker tip — luxury v2 */
.re-leases-page .rlb-paths {
  align-items: stretch !important;
  gap: .85rem 1.1rem !important;
  padding: 1rem 1.15rem !important;
  border-radius: 18px !important;
  border: 1px solid rgba(184,149,108,.42) !important;
  background:
    radial-gradient(110% 90% at 0% 0%, rgba(255,255,255,.98), transparent 48%),
    linear-gradient(145deg, #fffefb 0%, #f6ebe0 48%, #efe2d0 100%) !important;
  box-shadow: 0 12px 28px rgba(40,28,16,.08), inset 0 1px 0 #fff !important;
}
.re-leases-page .rlb-paths-mark {
  flex: 0 0 auto !important;
  width: 2.35rem !important;
  height: 2.35rem !important;
  border-radius: 12px !important;
  display: grid !important;
  place-items: center !important;
  font-size: 1.05rem !important;
  color: #5c3d18 !important;
  background: linear-gradient(135deg, #fff8ec, #e8c98f) !important;
  border: 1px solid rgba(184,134,11,.4) !important;
  box-shadow: inset 0 1px 0 #fff !important;
}
.re-leases-page .rlb-paths-copy strong {
  font-size: .95rem !important;
  letter-spacing: .01em !important;
}
.re-leases-page .rlb-paths-copy p { font-size: .8rem !important; line-height: 1.5 !important; }
.re-leases-page .rlb-paths-sub {
  margin-top: .15rem !important;
  font-size: .76rem !important;
  color: #8a6d45 !important;
  font-weight: 650 !important;
}
.re-broker-page .rb-tip-card--lux {
  margin-top: .55rem !important;
  padding: 1rem 1.1rem !important;
  border-radius: 16px !important;
  background:
    radial-gradient(120% 90% at 0% 0%, rgba(255,255,255,.9), transparent 45%),
    linear-gradient(145deg, #fffdf9, #f3e8da) !important;
  border: 1.5px solid rgba(184,149,108,.5) !important;
  box-shadow: 0 12px 26px rgba(22,56,79,.08), inset 0 1px 0 #fff !important;
  overflow: visible !important;
}
.re-broker-page .rb-tip-card--lux .rb-tip-card-body p {
  overflow: visible !important;
  max-height: none !important;
  line-height: 1.55 !important;
}
.re-broker-page .rb-tip-finance {
  margin-top: .2rem !important;
  padding-top: .35rem !important;
  border-top: 1px solid rgba(184,149,108,.28) !important;
  color: #6b4a18 !important;
  font-weight: 650 !important;
}
.re-broker-page .rb-featured-period,
.re-page .re-featured-period {
  overflow: visible !important;
  padding: .75rem .85rem !important;
  border-radius: 14px !important;
  gap: .55rem !important;
}

/* ── Featured lux: timer | hint split + days beside Renew/End ── */
.re-page .re-featured-lux,
.re-broker-page .rb-featured-lux {
  grid-column: 1 / -1 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: .55rem !important;
  margin: .15rem 0 .35rem !important;
  padding: .65rem .75rem !important;
  border-radius: 16px !important;
  background:
    radial-gradient(120% 80% at 100% 0%, rgba(255,248,230,.9), transparent 50%),
    linear-gradient(145deg, #fffdf8, #f6ecdc) !important;
  border: 1.5px solid rgba(184,149,108,.45) !important;
  box-shadow: 0 10px 22px rgba(22,56,79,.07), inset 0 1px 0 #fff !important;
}
.re-page .re-featured-lux-split,
.re-broker-page .rb-featured-lux-split {
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr) !important;
  gap: .65rem .85rem !important;
  align-items: stretch !important;
}
.re-page .re-featured-lux-timer,
.re-broker-page .rb-featured-lux-timer {
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
}
.re-page .re-featured-lux-timer .re-feat-cd,
.re-broker-page .rb-featured-lux-timer .re-feat-cd {
  width: 100% !important;
  margin: 0 !important;
}
.re-page .re-featured-lux-hint,
.re-broker-page .rb-tip-card--compact {
  margin: 0 !important;
  padding: .65rem .75rem !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,.55) !important;
  border: 1px solid rgba(184,149,108,.28) !important;
  box-shadow: none !important;
  font-size: .78rem !important;
  line-height: 1.45 !important;
  color: #4a3a22 !important;
  align-self: stretch !important;
}
.re-broker-page .rb-tip-card--compact {
  display: flex !important;
  gap: .5rem !important;
  align-items: flex-start !important;
}
.re-broker-page .rb-tip-card--compact .rb-tip-card-mark {
  font-size: .85rem !important;
  margin-top: .1rem !important;
}
.re-broker-page .rb-tip-card--compact .rb-tip-card-body strong {
  font-size: .82rem !important;
}
.re-broker-page .rb-tip-card--compact .rb-tip-card-body p {
  font-size: .74rem !important;
  line-height: 1.4 !important;
}
.re-broker-page .rb-tip-card--compact .rb-tip-finance {
  margin-top: .15rem !important;
  padding-top: .25rem !important;
  font-size: .72rem !important;
}
.re-page .re-featured-lux-actions,
.re-broker-page .rb-featured-lux-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-end !important;
  gap: .45rem .55rem !important;
}
.re-page .re-featured-days,
.re-broker-page .rb-featured-days {
  display: inline-flex !important;
  flex-direction: column !important;
  gap: .2rem !important;
  margin: 0 !important;
  min-width: 7.5rem !important;
}
.re-page .re-featured-days span,
.re-broker-page .rb-featured-days span {
  font-size: .72rem !important;
  font-weight: 700 !important;
  color: #5a4a32 !important;
}
.re-page .re-featured-days .field-input,
.re-broker-page .rb-featured-days .field-input {
  height: 2.25rem !important;
  width: 5.5rem !important;
  border-radius: 10px !important;
  text-align: center !important;
  font-weight: 750 !important;
}
.re-page .re-featured-lux-actions .re-erp-chrome-btn.danger,
.re-broker-page .rb-featured-lux-actions .rb-btn--danger {
  color: #b42318 !important;
  border-color: rgba(180,35,24,.35) !important;
}
@media (max-width: 780px) {
  .re-page .re-featured-lux-split,
  .re-broker-page .rb-featured-lux-split {
    grid-template-columns: 1fr !important;
  }
}

/* Dashboard ending-soon alert rows */
.re-alert-row.is-end {
  border-color: rgba(180, 120, 20, .28) !important;
  background: linear-gradient(135deg, #fffaf0, #fff) !important;
}
.re-status-pill.ending {
  background: #fff3d6 !important;
  color: #8a5a10 !important;
  border: 1px solid rgba(180,120,20,.3) !important;
}

/* Leases ending-soon strip + card badge */
.re-leases-page .rlb-ending {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: .65rem .85rem !important;
  margin: 0 0 .85rem !important;
  padding: .7rem .9rem !important;
  border-radius: 14px !important;
  background:
    radial-gradient(90% 120% at 0% 50%, rgba(255,220,150,.35), transparent 55%),
    linear-gradient(135deg, #fff9ef, #fff) !important;
  border: 1.5px solid rgba(184,134,11,.35) !important;
  box-shadow: 0 8px 18px rgba(90,60,20,.06) !important;
}
.re-leases-page .rlb-ending-mark {
  width: 2rem; height: 2rem; border-radius: 10px;
  display: grid; place-items: center;
  background: #fff3d6; border: 1px solid rgba(184,134,11,.35);
  font-size: .95rem;
}
.re-leases-page .rlb-ending-copy {
  flex: 1 1 10rem; min-width: 0;
}
.re-leases-page .rlb-ending-copy strong {
  display: block; font-size: .9rem; color: #6b4a10;
}
.re-leases-page .rlb-ending-copy p {
  margin: .15rem 0 0; font-size: .76rem; color: #7a6540; line-height: 1.4;
}
.re-leases-page .rlb-ending-list {
  display: flex; flex-wrap: wrap; gap: .35rem;
}
.re-leases-page .rlb-ending-chip {
  display: inline-flex; flex-direction: column; align-items: flex-start;
  gap: .1rem; padding: .35rem .55rem; border-radius: 10px;
  border: 1px solid rgba(184,134,11,.35); background: #fff;
  cursor: pointer; font: inherit; text-align: start;
}
.re-leases-page .rlb-ending-chip b { font-size: .78rem; color: #3d3226; }
.re-leases-page .rlb-ending-chip span { font-size: .68rem; color: #8a5a10; font-weight: 650; }
.re-leases-page .rlb-ending-link {
  font-size: .78rem; font-weight: 700; color: #8a5a10; text-decoration: none;
  padding: .35rem .55rem; border-radius: 8px; border: 1px dashed rgba(184,134,11,.4);
}
.re-leases-page .rlb-badge.is-ending {
  background: #fff3d6 !important;
  color: #8a5a10 !important;
  border: 1px solid rgba(184,134,11,.35) !important;
}
.re-leases-page .rlb-card.is-ending-soon {
  border-color: rgba(184,134,11,.45) !important;
  box-shadow: 0 0 0 1px rgba(184,134,11,.18), 0 10px 22px rgba(90,60,20,.08) !important;
}