/* =====================================================================
   HOUSBE — FINANCING DEAL ROOM  (js/hb-mortgage-room.js)
   The Financing section of a financing / refinancing room: the borrower's
   request, the lender proposals and the counteroffer panel; for a lender,
   the request, their own offer and the borrower's counter. Same glass,
   gold and cyan as the rest of the room. Everything is prefixed .mmr.
   ===================================================================== */
.mmr {
    --mmr-bg1: rgba(13, 34, 60, 0.92);
    --mmr-bg2: rgba(6, 18, 34, 0.96);
    --mmr-line: rgba(98, 183, 242, 0.24);
    --mmr-line2: rgba(98, 183, 242, 0.42);
    --mmr-text: #F4F7FA;
    --mmr-mute: #8FA4BC;
    --mmr-dim: #64788f;
    --mmr-gold: #F4D995;
    --mmr-cyan: #22d3ee;
    --mmr-green: #3ee98c;
    --mmr-amber: #ffd894;
    --mmr-red: #ff8a8a;
    color: var(--mmr-text); font-family: inherit; text-align: left;
}
.mmr *, .mmr *::before, .mmr *::after { box-sizing: border-box; }
.mmr button, .mmr input, .mmr select, .mmr textarea { font-family: inherit; }

.mmr-sec {
    margin: 0 0 14px !important; padding: 18px !important; border-radius: 22px !important;
    border: 1px solid rgba(98, 183, 242, 0.30) !important;
    background:
        radial-gradient(60% 40% at 100% 0%, rgba(244, 217, 149, 0.10), transparent 70%),
        radial-gradient(50% 40% at 0% 100%, rgba(34, 211, 238, 0.08), transparent 72%),
        linear-gradient(180deg, rgba(10, 32, 58, 0.95), rgba(6, 20, 38, 0.97)) !important;
    box-shadow: inset 0 1px 0 rgba(191, 229, 255, 0.16), 0 18px 40px -22px rgba(0, 0, 0, 0.7) !important;
}

/* ---------------- header ---------------- */
.mmr-top { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; gap: 12px 18px; margin-bottom: 16px; }
.mmr-brand { display: flex; align-items: center; gap: 13px; min-width: 0; }
.mmr-brand-ic {
    flex: 0 0 auto; width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center; font-size: 19px; color: #1c1405;
    background: linear-gradient(145deg, #F8E4AB 0%, #F4D995 45%, #DDB760 100%);
    box-shadow: 0 8px 22px rgba(238, 196, 101, .28), inset 0 1px 0 rgba(255, 255, 255, .65);
}
.mmr-brand h3 { margin: 0; font-size: 20px; font-weight: 800; letter-spacing: .1px; color: var(--mmr-text); }
.mmr-brand p { margin: 3px 0 0; color: var(--mmr-mute); font-size: 13px; line-height: 1.5; }
.mmr-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.mmr-chip {
    display: inline-flex; align-items: center; gap: 6px; padding: 4px 11px; border-radius: 30px; font-size: 12px; font-weight: 800;
    letter-spacing: .04em; color: #cbd5e1; background: rgba(98, 183, 242, 0.10); border: 1px solid rgba(98, 183, 242, 0.30); white-space: nowrap;
}
.mmr-chip.gold { color: var(--mmr-gold); background: rgba(244, 217, 149, .10); border-color: rgba(244, 217, 149, .38); }
.mmr-chip.green { color: var(--mmr-green); background: rgba(62, 233, 140, .10); border-color: rgba(62, 233, 140, .35); }
.mmr-chip.amber { color: var(--mmr-amber); background: rgba(255, 216, 148, .10); border-color: rgba(255, 216, 148, .35); }
.mmr-chip.red { color: var(--mmr-red); background: rgba(255, 138, 138, .10); border-color: rgba(255, 138, 138, .35); }
.mmr-chip.cyan { color: #a5f3fc; background: rgba(34, 211, 238, .10); border-color: rgba(34, 211, 238, .35); }
.mmr-chip i { font-size: 10px; }

/* purpose switch (draft only) */
.mmr-switch { display: inline-flex; padding: 4px; border-radius: 40px; background: rgba(4, 14, 28, .6); border: 1px solid var(--mmr-line); }
.mmr-switch button {
    border: none; background: transparent; color: var(--mmr-mute); font-size: 13px; font-weight: 800; padding: 7px 16px; border-radius: 30px; cursor: pointer;
}
.mmr-switch button.on { color: #1c1405; background: linear-gradient(145deg, #F8E4AB, #DDB760); box-shadow: 0 4px 12px rgba(238, 196, 101, .25); }
.mmr-switch button:disabled { cursor: default; }

/* ---------------- columns ---------------- */
.mmr-grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr) minmax(0, 1fr); gap: 14px; align-items: start; }
.mmr-grid.two { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
@media (max-width: 1180px) { .mmr-grid, .mmr-grid.two { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } .mmr-col.wide { grid-column: 1 / -1; } }
@media (max-width: 760px) { .mmr-grid, .mmr-grid.two { grid-template-columns: minmax(0, 1fr); } }
.mmr-col {
    min-width: 0; padding: 16px; border-radius: 18px; border: 1px solid var(--mmr-line);
    background: linear-gradient(180deg, var(--mmr-bg1), var(--mmr-bg2)); box-shadow: inset 0 1px 0 rgba(191, 229, 255, .12);
}
.mmr-col > h4 { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 0 0 4px; font-size: 16px; font-weight: 800; color: var(--mmr-text); }
.mmr-col > .mmr-sub { margin: 0 0 12px; color: var(--mmr-mute); font-size: 12.5px; line-height: 1.45; }
.mmr-gh { margin: 16px 0 8px; padding-top: 12px; border-top: 1px solid rgba(143, 164, 188, .16); color: var(--mmr-gold);
          font-size: 11.5px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.mmr-gh:first-of-type { border-top: none; padding-top: 0; margin-top: 4px; }

/* ---------------- form ---------------- */
.mmr-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px; }
@media (max-width: 480px) { .mmr-row { grid-template-columns: minmax(0, 1fr); } }
.mmr-f { margin-bottom: 10px; min-width: 0; }
.mmr-f label { display: block; margin: 0 0 5px 2px; color: #b9c6d6; font-size: 12.5px; font-weight: 700; }
.mmr-f label em { font-style: normal; color: var(--mmr-dim); font-weight: 600; }
.mmr-in {
    width: 100%; min-height: 40px; padding: 9px 12px; border-radius: 11px; font-size: 14px; color: var(--mmr-text); outline: none;
    background: linear-gradient(180deg, rgba(11, 39, 70, 0.72), rgba(5, 24, 45, 0.92));
    border: 1px solid rgba(98, 183, 242, 0.26); box-shadow: inset 0 1px 0 rgba(191, 229, 255, 0.12);
    transition: border-color .2s, box-shadow .2s;
}
.mmr-in:focus { border-color: rgba(139, 203, 255, 0.8); box-shadow: 0 0 0 3px rgba(139, 203, 255, 0.16); }
.mmr-in::placeholder { color: #55637a !important; opacity: 1; }
select.mmr-in { cursor: pointer; }
select.mmr-in option { background: #0B2746; color: #fff; }
textarea.mmr-in { min-height: 76px; resize: vertical; line-height: 1.5; }
.mmr-in[readonly], .mmr-in:disabled { opacity: .7; cursor: default; }
.mmr-money { position: relative; }
.mmr-money > span { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: var(--mmr-mute); font-size: 14px; pointer-events: none; }
.mmr-money > .mmr-in { padding-left: 24px; }
.mmr-pct { position: relative; }
.mmr-pct > span { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); color: var(--mmr-mute); font-size: 13px; pointer-events: none; }
.mmr-f.err .mmr-in { border-color: rgba(255, 138, 138, .7); }
.mmr-f .mmr-errtx { display: block; margin: 5px 2px 0; color: var(--mmr-red); font-size: 12px; }

/* FIELD GLOW (2026-10-08) — the registration pages' look (agent-signup.php,
   buyer-register.php): every input, dropdown and text box carries a cyan
   rim and a soft halo at rest, a little more on hover, a clear ring on
   focus. Errors keep their red; read-only fields stay quiet. Dropdowns lose
   the platform arrow for a drawn chevron so every field lines up. */
.mmr .mmr-in, .mmr-in {
    border-color: rgba(34, 211, 238, .55);
    box-shadow: inset 0 1px 0 rgba(191, 229, 255, .12), 0 0 0 1px rgba(34, 211, 238, .06), 0 0 12px rgba(34, 211, 238, .18);
    transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}
.mmr .mmr-in:hover, .mmr-in:hover {
    border-color: rgba(34, 211, 238, .82);
    box-shadow: inset 0 1px 0 rgba(191, 229, 255, .14), 0 0 0 1px rgba(34, 211, 238, .10), 0 0 16px rgba(34, 211, 238, .28);
}
.mmr .mmr-in:focus, .mmr-in:focus {
    border-color: #8af3ff;
    box-shadow: 0 0 0 3px rgba(34, 211, 238, .22), 0 0 18px rgba(34, 211, 238, .32);
}
.mmr select.mmr-in, select.mmr-in {
    appearance: none; -webkit-appearance: none; -moz-appearance: none; padding-right: 36px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%238af3ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 13px center / 12px 8px,
                linear-gradient(180deg, rgba(11, 39, 70, 0.72), rgba(5, 24, 45, 0.92));
}
.mmr .mmr-f.err .mmr-in, .mmr-f.err .mmr-in {
    border-color: rgba(255, 138, 138, .8);
    box-shadow: 0 0 0 1px rgba(255, 138, 138, .08), 0 0 12px rgba(255, 99, 99, .22);
}
.mmr .mmr-in[readonly], .mmr .mmr-in:disabled { box-shadow: inset 0 1px 0 rgba(191, 229, 255, .08); border-color: rgba(98, 183, 242, .26); }
.mmr .mmr-in:-webkit-autofill, .mmr .mmr-in:-webkit-autofill:hover, .mmr .mmr-in:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #0a2340 inset, 0 0 12px rgba(34, 211, 238, .2) !important;
    -webkit-text-fill-color: #F4F7FA !important; caret-color: #F4F7FA;
}
@media (prefers-reduced-motion: reduce) { .mmr .mmr-in, .mmr-in { transition: none; } }

/* THE GLASS DROPDOWN (js/hb-mortgage-room.js, desktop pointer): the option
   list a financing select opens, in the same glass as the fields. */
.mmr select.mmr-in.mmr-gsel-open { border-color: #8af3ff; box-shadow: 0 0 0 3px rgba(34, 211, 238, .22), 0 0 18px rgba(34, 211, 238, .32); }
.mmr-gsel { position: fixed; z-index: 2147483646; box-sizing: border-box; overflow-y: auto; padding: 6px;
    border-radius: 14px; border: 1px solid rgba(34, 211, 238, .5);
    background: linear-gradient(180deg, rgba(14, 44, 78, .94) 0%, rgba(6, 22, 42, .97) 100%);
    -webkit-backdrop-filter: blur(14px) saturate(140%); backdrop-filter: blur(14px) saturate(140%);
    box-shadow: inset 0 1px 0 rgba(191, 229, 255, .16), 0 0 0 1px rgba(34, 211, 238, .06), 0 0 22px rgba(34, 211, 238, .22), 0 18px 40px rgba(0, 0, 0, .45);
    font-family: inherit; animation: mmrGselIn .14s ease-out; scrollbar-width: thin; scrollbar-color: rgba(98, 183, 242, .4) transparent; }
.mmr-gsel.up { animation-name: mmrGselUp; }
@keyframes mmrGselIn { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
@keyframes mmrGselUp { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }
.mmr-gopt { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 9px 12px; border-radius: 10px;
    color: #E6EEF7; font-size: 14px; line-height: 1.35; cursor: pointer; border: 1px solid transparent; }
.mmr-gopt + .mmr-gopt { margin-top: 2px; }
.mmr-gopt.ph { color: #8FA4BC; }
.mmr-gopt.hi { background: linear-gradient(180deg, rgba(34, 211, 238, .16), rgba(34, 211, 238, .08)); border-color: rgba(34, 211, 238, .35); }
.mmr-gopt.on { color: #F4D995; font-weight: 700; }
.mmr-gopt.on.hi { background: linear-gradient(180deg, rgba(244, 217, 149, .16), rgba(244, 217, 149, .07)); border-color: rgba(244, 217, 149, .4); }
.mmr-gopt i { color: #F4D995 !important; font-size: 12px; }
/* "Choose…" is not a choice: never gold */
.mmr-gopt.on.ph { color: #8FA4BC; font-weight: 600; }
.mmr-gopt.on.ph.hi { background: linear-gradient(180deg, rgba(34, 211, 238, .16), rgba(34, 211, 238, .08)); border-color: rgba(34, 211, 238, .35); }
.mmr-gopt.off { opacity: .45; cursor: default; }
@media (prefers-reduced-motion: reduce) { .mmr-gsel { animation: none; } }
.mmr-hint { margin: 2px 2px 10px; color: var(--mmr-dim); font-size: 12px; line-height: 1.45; }
/* THE LENDER CAP — four glass cards in a 2 x 2 grid: 1, 3, 5, Any number.
   The chosen one is the gold card; the rest are blue glass with a soft rim
   light. Compact: no card is taller than it needs to be. */
.mmr-caps2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.mmr-capf { max-width: 520px; }
.mmr-cap { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px;
    min-height: 72px; padding: 12px 10px; border-radius: 14px; cursor: pointer; text-align: center; color: #F4F7FA;
    border: 1px solid rgba(98, 183, 242, .45);
    background: linear-gradient(180deg, rgba(21, 61, 103, .55) 0%, rgba(6, 22, 42, .92) 100%);
    box-shadow: inset 0 1px 0 rgba(191, 229, 255, .22), inset 0 0 18px rgba(98, 183, 242, .10), 0 0 14px rgba(56, 152, 236, .16);
    transition: transform .14s ease, box-shadow .2s ease, border-color .2s ease; }
.mmr-cap b { font-size: 21px; font-weight: 800; line-height: 1; letter-spacing: .01em; }
.mmr-cap.any b { font-size: 16px; }
.mmr-cap small { font-size: 10.5px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #a9bfd3; }
.mmr-cap.any small { letter-spacing: .02em; text-transform: none; font-size: 12px; font-weight: 600; }
.mmr-cap:hover { border-color: rgba(139, 203, 255, .75); box-shadow: inset 0 1px 0 rgba(191, 229, 255, .28), inset 0 0 20px rgba(98, 183, 242, .14), 0 0 18px rgba(56, 152, 236, .26); }
.mmr-cap:active { transform: translateY(1px); }
.mmr-cap.on { color: #1c1405; border-color: rgba(255, 235, 184, .9);
    background: linear-gradient(145deg, #F8E4AB 0%, #F4D995 45%, #DDB760 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .7), 0 0 0 1px rgba(244, 217, 149, .25), 0 0 20px rgba(238, 196, 101, .38); }
.mmr-cap.on small { color: #4a3a12; }
.mmr-cap:focus-visible { outline: 2px solid #8BCBFF; outline-offset: 3px; }
.mmr-capi { position: absolute; top: 7px; right: 8px; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center;
    border-radius: 50%; font-size: 14px; color: #8FA4BC; }
.mmr-capi i { color: inherit !important; }
.mmr-cap.on .mmr-capi { color: #3b2c0a; }
.mmr-capi:hover { color: #F4F7FA; }
.mmr-cap.on .mmr-capi:hover { color: #1c1405; }
.mmr-caphint { margin: 9px 0 0; }
.mmr-captip { display: flex; align-items: flex-start; gap: 10px; margin-top: 10px; padding: 11px 12px; border-radius: 12px;
    color: #cfe1f1; font-size: 12.5px; line-height: 1.5;
    border: 1px solid rgba(34, 211, 238, .55);
    background: linear-gradient(180deg, rgba(34, 211, 238, .09), rgba(6, 22, 42, .9));
    box-shadow: 0 0 14px rgba(34, 211, 238, .16), inset 0 1px 0 rgba(191, 229, 255, .14); }
.mmr-captip span { flex: 1 1 auto; }
.mmr-captip button { flex: 0 0 auto; width: 22px; height: 22px; padding: 0; border: 0; background: transparent; color: #cfe1f1; cursor: pointer; font-size: 14px; line-height: 1; }
.mmr-captip button:hover { color: #fff; }

.mmr-caps { display: flex; gap: 8px; flex-wrap: wrap; }
.mmr-caps button {
    flex: 1 1 0; min-width: 64px; padding: 11px 8px; border-radius: 13px; cursor: pointer; font-size: 15px; font-weight: 800; color: #cbd5e1;
    background: linear-gradient(180deg, rgba(21, 61, 103, .46), rgba(5, 24, 45, .9)); border: 1px solid rgba(98, 183, 242, .30);
}
.mmr-caps button small { display: block; margin-top: 2px; font-size: 10.5px; font-weight: 700; color: var(--mmr-mute); letter-spacing: .04em; }
.mmr-caps button.on { color: #1c1405; background: linear-gradient(145deg, #F8E4AB, #DDB760); border-color: rgba(255, 235, 184, .8); }
.mmr-caps button.on small { color: #4a3a12; }
.mmr-check { display: flex; align-items: flex-start; gap: 10px; margin: 0 0 9px; padding: 10px 12px; border-radius: 12px;
             border: 1px solid rgba(98, 183, 242, .22); background: rgba(4, 14, 28, .45); cursor: pointer; }
.mmr-check input { flex: 0 0 auto; width: 17px; height: 17px; margin-top: 1px; accent-color: #F4D995; cursor: pointer; }
.mmr-check span { color: #c3d0e0; font-size: 12.8px; line-height: 1.5; }
.mmr-check span b { color: var(--mmr-text); }
.mmr-check.req { border-color: rgba(244, 217, 149, .35); }
.mmr-check span a { color: #F4D995; font-weight: 600; text-decoration: underline; text-underline-offset: 2px; white-space: nowrap; }
.mmr-saved { color: var(--mmr-dim); font-size: 12px; font-weight: 600; white-space: nowrap; }
.mmr-saved.ok { color: var(--mmr-green); }

/* ---------------- buttons ---------------- */
.mmr-btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 46px; padding: 11px 18px;
    border-radius: 14px; cursor: pointer; font-size: 15px; font-weight: 800; letter-spacing: .02em; color: #1c1405;
    background: linear-gradient(145deg, #F8E4AB 0%, #F4D995 42%, #DDB760 100%); border: 1px solid rgba(255, 235, 184, .8);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72), 0 8px 22px rgba(238, 196, 101, .22); transition: filter .18s, transform .12s;
}
.mmr-btn:hover { filter: brightness(1.06); }
.mmr-btn:active { transform: translateY(1px); }
.mmr-btn:disabled { opacity: .5; cursor: not-allowed; filter: grayscale(.3); transform: none; }
.mmr-btn.ghost { color: #cbd5e1; background: linear-gradient(180deg, rgba(21, 61, 103, .46), rgba(5, 24, 45, .9)); border-color: rgba(98, 183, 242, .36); box-shadow: inset 0 1px 0 rgba(191, 229, 255, .2); }
.mmr-btn.ghost:hover { color: #fff; border-color: rgba(98, 183, 242, .6); }
.mmr-btn.green { color: #04210f; background: linear-gradient(145deg, #a7f3c9, #3ee98c 55%, #1fbf6a); border-color: rgba(167, 243, 201, .8); box-shadow: 0 8px 22px rgba(62, 233, 140, .2); }
.mmr-btn.sm { width: auto; min-height: 36px; padding: 7px 14px; font-size: 13px; border-radius: 11px; }
.mmr-btn:focus-visible, .mmr-link:focus-visible, .mmr-switch button:focus-visible, .mmr-caps button:focus-visible { outline: 2px solid #8BCBFF; outline-offset: 3px; }
.mmr-btns { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 10px; }
.mmr-btns > .mmr-btn { flex: 1 1 140px; }
.mmr-link { background: none; border: none; padding: 0; cursor: pointer; color: #8BCBFF; font-size: 13px; font-weight: 700; }
/* the Financing section open on desktop: full width, the deal room's left
   sidebar out of the way until the stage closes (js syncWide) */
@media (min-width: 1025px) {
    body.mmr-finwide #dealRoomMockLayout .deal-sidebar-left { display: none !important; }
    body.mmr-finwide #dealRoomMockLayout .deal-middle-area { flex: 1 1 100% !important; width: 100% !important; max-width: 100% !important; }
}

/* the START MODAL (js openIntake): the whole request form, over any page,
   below the dialog and the fee sheet so those open on top of it */
html.mmr-noscroll, html.mmr-noscroll body { overflow: hidden !important; }
.mmr-inov { position: fixed; inset: 0; z-index: 2147483645; display: flex; align-items: flex-start; justify-content: center;
    padding: 28px 16px; box-sizing: border-box; overflow-y: auto; background: rgba(2, 8, 18, .8); animation: mmrDlgIn .16s ease-out; }
.mmr-incard { position: relative; width: 780px; max-width: 100%; margin: auto 0; box-sizing: border-box; border-radius: 20px; color: #F4F7FA; text-align: left;
    background: linear-gradient(160deg, #0d2342, #06142a); border: 1.5px solid rgba(244, 217, 149, .42); box-shadow: 0 30px 80px rgba(0, 0, 0, .6); }
.mmr-inhead { position: sticky; top: -28px; z-index: 3; display: flex; align-items: center; flex-wrap: wrap; gap: 12px 14px; padding: 18px 56px 16px 20px;
    border-bottom: 1px solid rgba(143, 164, 188, .18); border-radius: 20px 20px 0 0; background: linear-gradient(160deg, #10284a, #0a1d36); }
.mmr-inhead .mmr-brand { flex: 1 1 300px; align-items: flex-start; }
.mmr-inx { position: absolute; top: 14px; right: 14px; width: 36px; height: 36px; border-radius: 50%; border: 1px solid rgba(98, 183, 242, .36);
    background: rgba(5, 24, 45, .9); color: #cbd5e1; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 16px; }
.mmr-inx:hover { color: #fff; border-color: rgba(98, 183, 242, .7); }
.mmr-inx i { color: inherit !important; }
.mmr-inbody { padding: 16px 20px 22px; }
.mmr-inbody .mmr-col { background: transparent; border: none; box-shadow: none; padding: 0; }
.mmr-inbody .mmr-banner { margin-bottom: 14px; }
.mmr-inbody [data-in="submit"] { width: 100%; margin-top: 6px; }
@media (max-width: 600px) {
    .mmr-inov { padding: 0; }
    .mmr-incard { border-radius: 0; min-height: 100%; border-left: none; border-right: none; }
    .mmr-inhead { top: 0; border-radius: 0; padding: 16px 52px 14px 16px; }
    .mmr-inhead .mmr-brand-ic { display: none; }
    .mmr-inhead .mmr-brand h3 { font-size: 18px; }
    .mmr-inbody { padding: 14px 16px 26px; }
}

/* the financing dialog (js mmDialog / window.hbMmDialog), in place of the
   browser's confirm and alert boxes; above the deal room's own overlays */
.mmr-dlgov { position: fixed; inset: 0; z-index: 2147483646; display: flex; align-items: center; justify-content: center;
    padding: 16px; box-sizing: border-box; background: rgba(2, 8, 18, .74); animation: mmrDlgIn .16s ease-out; }
.mmr-dlg { width: 420px; max-width: 100%; box-sizing: border-box; padding: 26px 22px 20px; border-radius: 18px; text-align: center; color: #F4F7FA;
    background: radial-gradient(120% 140% at 50% 0%, rgba(244, 217, 149, .15), transparent 55%), linear-gradient(160deg, #10284a, #071528);
    border: 1.5px solid rgba(244, 217, 149, .45); box-shadow: 0 24px 60px rgba(0, 0, 0, .55); animation: mmrDlgUp .18s ease-out; }
.mmr-dlgic { width: 54px; height: 54px; margin: 0 auto 14px; border-radius: 16px; display: flex; align-items: center; justify-content: center; font-size: 22px;
    background: linear-gradient(145deg, #F8E4AB, #DDB760); box-shadow: 0 8px 20px rgba(221, 183, 96, .3); }
.mmr-dlgic i { color: #1c1405 !important; }
.mmr-dlgic.danger { background: linear-gradient(145deg, #fca5a5, #e5484d); box-shadow: 0 8px 20px rgba(229, 72, 77, .3); }
.mmr-dlgic.danger i { color: #2a0606 !important; }
.mmr-dlgic.warn { background: linear-gradient(145deg, #fde68a, #f5a524); box-shadow: 0 8px 20px rgba(245, 165, 36, .3); }
.mmr-dlgic.warn i { color: #2a1a02 !important; }
.mmr-dlg h4 { margin: 0 0 8px; font-size: 19px; font-weight: 800; line-height: 1.3; color: #F4F7FA; }
.mmr-dlg p { margin: 0 0 20px; font-size: 14px; line-height: 1.55; color: #c4d2df; }
.mmr-dlgbtns { display: flex; gap: 10px; flex-wrap: wrap; }
/* a box the dialog's OK waits for (a lender joining a request) */
.mmr-dlgagree { display: flex; align-items: flex-start; gap: 10px; margin: -6px 0 18px; padding: 10px 12px; border-radius: 12px; text-align: left; cursor: pointer;
    background: rgba(244, 217, 149, .07); border: 1px solid rgba(244, 217, 149, .28); }
.mmr-dlgagree input { flex: 0 0 auto; width: 18px; height: 18px; margin: 2px 0 0; accent-color: #DDB760; cursor: pointer; }
.mmr-dlgagree span { font-size: 13px; line-height: 1.55; color: #dfe7f0; }
.mmr-dlgagree em { display: block; margin-top: 4px; font-style: normal; }
.mmr-dlgagree a { color: #F4D995 !important; font-weight: 700; text-decoration: none !important; }
.mmr-dlgagree a:hover { text-decoration: underline !important; }
.mmr-dlgbtns .mmr-btn[disabled] { opacity: .5; cursor: not-allowed; }
.mmr-dlgbtns .mmr-btn { flex: 1 1 140px; justify-content: center; margin: 0; }
/* The borrower's answer to an offer: one clear primary and a quiet
   secondary, side by side while both labels fit on one line, stacked when
   they do not. Never a two-line label, and no glow. */
.mmr-decide > .mmr-btn { min-height: 40px; padding: 9px 14px; border-radius: 12px; font-size: 13.5px; letter-spacing: 0; white-space: nowrap; }
.mmr-decide > .mmr-btn i { font-size: 12.5px; }
.mmr-decide > .mmr-btn.green { flex: 2 1 200px; color: #03200f; background: linear-gradient(180deg, #33c97a 0%, #1fa35c 100%);
    border-color: rgba(134, 239, 172, .5); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .28), 0 3px 10px rgba(0, 0, 0, .28); }
.mmr-decide > .mmr-btn.green i { color: #03200f !important; }
.mmr-decide > .mmr-btn.green:hover { filter: brightness(1.05); }
.mmr-decide > .mmr-btn.ghost { flex: 1 1 96px; }
.mmr-btn.danger { color: #fff; background: linear-gradient(145deg, #f87171, #dc2626); border-color: rgba(248, 113, 113, .6); box-shadow: 0 8px 20px rgba(220, 38, 38, .28); }
.mmr-btn.danger:hover { color: #fff; filter: brightness(1.06); }
@keyframes mmrDlgIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes mmrDlgUp { from { opacity: 0; transform: translateY(8px) scale(.98); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .mmr-dlgov, .mmr-dlg { animation: none; } }

/* the guest request fee: the note above Publish, and the payment sheet
   (js payRequestFee), above the deal room's own overlays */
.mmr-feenote { display: flex; gap: 8px; align-items: flex-start; margin: 10px 2px 8px; color: #F4D995; }
.mmr-feenote i { margin-top: 2px; color: #F4D995 !important; }
.mmr-payov { position: fixed; inset: 0; z-index: 2147483646; display: flex; align-items: center; justify-content: center;
    padding: 16px; box-sizing: border-box; background: rgba(2, 8, 18, .78);
    -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.mmr-paycard { width: 420px; max-width: 100%; max-height: calc(100vh - 32px); overflow-y: auto; box-sizing: border-box; padding: 20px;
    border-radius: 18px; color: #F4F7FA; text-align: left;
    background: radial-gradient(120% 140% at 0% 0%, rgba(244, 217, 149, .16), transparent 55%), linear-gradient(160deg, #10284a, #071528);
    border: 1.5px solid rgba(244, 217, 149, .5); box-shadow: 0 24px 60px rgba(0, 0, 0, .55); }
.mmr-payhead { display: grid; grid-template-columns: 42px minmax(0, 1fr) auto; gap: 12px; align-items: center; margin-bottom: 12px; }
.mmr-payic { width: 42px; height: 42px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 18px;
    background: linear-gradient(145deg, #F8E4AB, #DDB760); }
.mmr-payic i { color: #1c1405 !important; }
.mmr-payhead small { display: block; font-size: 10.5px; letter-spacing: .12em; text-transform: uppercase; font-weight: 800; color: #F4D995; }
.mmr-payhead h4 { margin: 2px 0 0; font-size: 17px; font-weight: 800; color: #F4F7FA; }
.mmr-payamt { font-size: 26px; font-weight: 800; color: #F4D995; white-space: nowrap; }
.mmr-paycard .mmr-sub { margin: 0 0 14px; }
.mmr-paycard #mmrPayBtns { min-height: 48px; margin-bottom: 6px; }
.mmr-paycard .mmr-btn.ghost { width: 100%; margin-top: 8px; }

/* the email switch (borrower summary, lender's request column, lender list) */
.mmr-mailpref { display: flex; align-items: flex-start; gap: 9px; margin: 14px 2px 4px; color: var(--mmr-dim); font-size: 12.5px; line-height: 1.45; cursor: pointer; }
.mmr-mailpref input[type="checkbox"] { -webkit-appearance: checkbox !important; appearance: auto !important; flex: 0 0 auto; width: 16px !important; height: 16px !important;
    margin: 1px 0 0 !important; padding: 0 !important; accent-color: #e5c158; cursor: pointer; }
.mmr-link:hover { text-decoration: underline; }
.mmr-link.red { color: var(--mmr-red); }

/* ---------------- proposals ---------------- */
.mmr-props { display: flex; flex-direction: column; gap: 10px; }
.mmr-prop {
    position: relative; padding: 14px; border-radius: 16px; border: 1px solid rgba(98, 183, 242, .32);
    background: linear-gradient(180deg, rgba(14, 40, 70, .78), rgba(6, 18, 34, .94)); transition: border-color .2s, box-shadow .2s;
}
.mmr-prop.is-active { border-color: rgba(244, 217, 149, .75); box-shadow: 0 0 0 1px rgba(244, 217, 149, .25), 0 12px 30px -14px rgba(246, 184, 63, .55); }
.mmr-prop.is-paused { opacity: .62; }
.mmr-prop.is-selected { border-color: rgba(62, 233, 140, .7); box-shadow: 0 0 0 1px rgba(62, 233, 140, .25), 0 12px 30px -14px rgba(62, 233, 140, .45); }
.mmr-prop-h { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.mmr-prop-h b { font-size: 16px; font-weight: 800; color: var(--mmr-text); min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mmr-prop-h span { color: var(--mmr-mute); font-size: 12.5px; font-weight: 700; white-space: nowrap; }
.mmr-kv { margin-top: 10px; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 10px; align-items: end; }
.mmr-kv small { grid-column: 1 / -1; color: var(--mmr-mute); font-size: 11.5px; font-weight: 700; letter-spacing: .04em; }
.mmr-big { font-size: 22px; font-weight: 800; color: var(--mmr-text); line-height: 1.15; }
.mmr-big em { font-style: normal; font-size: 13px; font-weight: 700; color: var(--mmr-mute); }
.mmr-prop-f { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 10px; flex-wrap: wrap; }
.mmr-badge { position: absolute; top: -8px; right: 12px; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 10px; display: grid; place-items: center;
             font-size: 11px; font-weight: 800; color: #1c1405; background: var(--mmr-gold); }
/* PREMIUM ACTION BUTTONS (2026-10-09): Proceed, Decline, Withdraw, Send a
   counteroffer, Send Counteroffer, send message. Gold, green or red glass with
   a rim light and a soft halo; labels stay on one line. */
.mmr-btn.glow-red { color: #ffe3e3; border-color: rgba(248, 113, 113, .75);
    background: linear-gradient(180deg, rgba(248, 113, 113, .30) 0%, rgba(127, 29, 29, .55) 100%);
    box-shadow: inset 0 1px 0 rgba(255, 220, 220, .28), 0 0 0 1px rgba(248, 113, 113, .12), 0 0 18px rgba(248, 113, 113, .34); }
.mmr-btn.glow-red i { color: #ffb4b4 !important; }
.mmr-btn.glow-red:hover { color: #fff; filter: none; border-color: #fca5a5;
    box-shadow: inset 0 1px 0 rgba(255, 220, 220, .34), 0 0 0 1px rgba(248, 113, 113, .2), 0 0 24px rgba(248, 113, 113, .5); }
.mmr-decide > .mmr-btn.green { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .34), 0 0 0 1px rgba(134, 239, 172, .22), 0 0 20px rgba(62, 233, 140, .42); }
.mmr-decide > .mmr-btn.green:hover { filter: none; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), 0 0 0 1px rgba(134, 239, 172, .35), 0 0 26px rgba(62, 233, 140, .58); }
.mmr-decide > .mmr-btn.glow-red { flex: 1 1 96px; min-height: 40px; padding: 9px 14px; border-radius: 12px; font-size: 13.5px; letter-spacing: 0; white-space: nowrap; }
.mmr-btn:not(.ghost):not(.green):not(.glow-red):not(.danger) { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72), 0 0 0 1px rgba(244, 217, 149, .22), 0 0 18px rgba(238, 196, 101, .36); }
.mmr-btn:not(.ghost):not(.green):not(.glow-red):not(.danger):hover { filter: none; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8), 0 0 0 1px rgba(244, 217, 149, .35), 0 0 26px rgba(238, 196, 101, .54); }
/* a gold button that is waiting (Submit / Publish before the description's
   minimum) loses its glow, so it reads as not ready yet */
.mmr-btn:not(.ghost):not(.green):not(.glow-red):not(.danger):disabled,
.mmr-btn:not(.ghost):not(.green):not(.glow-red):not(.danger):disabled:hover { filter: none; box-shadow: none; }

/* "Describe your financing needs" (needField in js/hb-mortgage-room.js): the
   guide above it, the live count, the example and the privacy note under it */
.mmr-f label.mmr-need-h { margin: 2px 0 0 2px; color: var(--mmr-text); font-size: 17px; font-weight: 800; }
.mmr-need-sub { margin: 3px 2px 10px; color: #8BCBFF; font-size: 13px; line-height: 1.45; }
.mmr-need-box { display: flex; gap: 14px; align-items: flex-start; padding: 13px 15px; border-radius: 14px;
    border: 1px solid rgba(244, 217, 149, .42); background: linear-gradient(180deg, rgba(13, 34, 60, .7), rgba(6, 18, 34, .85)); }
.mmr-need-box > div { min-width: 0; }
.mmr-need-box b { display: block; margin-bottom: 5px; color: var(--mmr-gold); font-size: 14px; font-weight: 800; }
.mmr-need-guide { margin-bottom: 10px; }
.mmr-need-ic, .mmr-need-lock { flex: 0 0 auto; padding-top: 2px; color: var(--mmr-gold); font-size: 24px; line-height: 1; }
.mmr-need-guide ul { margin: 0; padding: 0; list-style: none; }
.mmr-need-guide li { position: relative; padding-left: 16px; color: var(--mmr-text); font-size: 13.5px; line-height: 1.6; }
.mmr-need-guide li::before { content: ""; position: absolute; left: 2px; top: .62em; width: 6px; height: 6px; border-radius: 50%; background: var(--mmr-gold); }
.mmr-need-guide p { margin: 8px 0 0; padding-top: 8px; border-top: 1px solid rgba(143, 164, 188, .18); color: var(--mmr-mute); font-size: 12.5px; line-height: 1.45; }
.mmr-need textarea.mmr-in { min-height: 120px; }
.mmr-need-meta { display: flex; justify-content: space-between; gap: 10px; margin: 5px 2px 0; color: var(--mmr-mute); font-size: 12px; }
.mmr-need-meta .met { color: var(--mmr-gold); font-weight: 700; }
.mmr-need-meta .met::before { content: "\2713\00a0"; }
.mmr-need-ex, .mmr-need-priv { margin-top: 10px; }
.mmr-need-ex p { margin: 0; color: #d5dee8; font-size: 13px; line-height: 1.55; }
.mmr-need-priv > div > span { display: block; color: var(--mmr-mute); font-size: 12.5px; line-height: 1.5; }
.mmr-need-gate { margin: 8px 2px 0; text-align: center; }
.mmr-need-gate[hidden] { display: none; }
@media (max-width: 480px) {
    .mmr-need-box { gap: 10px; padding: 12px; }
    .mmr-need-ic, .mmr-need-lock { font-size: 20px; }
}
/* "Send a counteroffer" is a button in gold glass that opens the form */
.mmr-acc[data-acc="counter"] { border: 1px solid rgba(244, 217, 149, .85); border-radius: 12px; overflow: hidden;
    background: linear-gradient(180deg, rgba(244, 217, 149, .26) 0%, rgba(120, 90, 30, .22) 45%, rgba(6, 22, 42, .85) 100%);
    box-shadow: inset 0 1px 0 rgba(255, 235, 184, .34), 0 0 0 1px rgba(244, 217, 149, .16), 0 0 22px rgba(238, 196, 101, .36); }
.mmr-acc[data-acc="counter"]:hover { box-shadow: inset 0 1px 0 rgba(255, 235, 184, .4), 0 0 0 1px rgba(244, 217, 149, .28), 0 0 28px rgba(238, 196, 101, .52); }
.mmr-compose + .mmr-sub { margin-top: 12px; }
.mmr-acc[data-acc="counter"] > summary { color: #F4D995; font-size: 14px; font-weight: 800; padding: 12px 14px; justify-content: center; }
.mmr-acc[data-acc="counter"] > summary::before { display: none; }
.mmr-acc[data-acc="counter"] > summary::after { content: '\203A'; margin-left: 4px; font-size: 18px; transition: transform .2s; }
.mmr-acc[data-acc="counter"][open] > summary::after { transform: rotate(90deg); }
.mmr-acc[data-acc="counter"] > summary i { color: #F4D995 !important; font-size: 13px; }
.mmr-acc[data-acc="counter"] > div { padding: 4px 12px 12px; }

/* the note under Withdraw: highlighted, not a grey footnote */
.mmr-wdnote { display: flex; gap: 9px; align-items: flex-start; margin: 10px 0 0; padding: 10px 12px; border-radius: 12px;
    color: #fde9c4; font-size: 12.5px; line-height: 1.5;
    border: 1px solid rgba(244, 217, 149, .5);
    background: linear-gradient(180deg, rgba(244, 217, 149, .13), rgba(6, 22, 42, .72));
    box-shadow: inset 0 1px 0 rgba(255, 235, 184, .16), 0 0 14px rgba(238, 196, 101, .2); }
.mmr-wdnote i { margin-top: 2px; color: #F4D995 !important; }
.mmr-wdnote b { color: #F4D995; font-weight: 800; }

/* Withdrawing an accepted offer: a quiet button, then a small confirm box */
.mmr-wd { margin-top: 10px; }
.mmr-wd > .mmr-btn.sm { width: auto; }
.mmr-wd > .mmr-hint { margin: 6px 0 0; }
.mmr-wdbox { display: flex; flex-direction: column; gap: 8px; padding: 12px 14px; border-radius: 14px;
    border: 1px solid rgba(248, 113, 113, .38); background: linear-gradient(180deg, rgba(248, 113, 113, .08), rgba(5, 24, 45, .9)); }
.mmr-wdbox b { color: var(--mmr-text); font-size: 14px; }
.mmr-wdbox span { color: var(--mmr-mute); font-size: 12.5px; line-height: 1.45; }
.mmr-wdbox .mmr-btns { margin-top: 2px; }
.mmr-wdbox .mmr-btns > .mmr-btn { flex: 1 1 130px; }

/* The Deal Complete stage of a financing room (completeView). Its purchase
   closing checklist means nothing here, so the pipeline panel steps aside. */
body.mmr-closedview #tempTimelineEmptyState #tempDTasksSec { display: none !important; }
.mmr-complete { max-width: 640px; margin: 0 auto; padding: 22px 20px; border-radius: 18px; text-align: center;
    border: 1px solid rgba(98, 183, 242, .26); background: linear-gradient(180deg, rgba(11, 39, 70, .62), rgba(5, 24, 45, .92)); }
.mmr-complete.done { border-color: rgba(134, 239, 172, .4); }
.mmr-complete h4 { margin: 10px 0 6px; font-size: 19px; font-weight: 800; color: var(--mmr-text); }
.mmr-complete > p { margin: 0 auto 14px; max-width: 520px; color: #c4d2df; font-size: 14px; line-height: 1.55; }
.mmr-complete .mmr-facts { text-align: left; margin: 0 0 12px; }
.mmr-complete .mmr-btns { justify-content: center; }
.mmr-complete .mmr-btns > .mmr-btn { flex: 0 1 240px; }
.mmr-complete .mmr-wd { text-align: left; }
.mmr-cpic { width: 54px; height: 54px; margin: 0 auto; border-radius: 16px; display: flex; align-items: center; justify-content: center; font-size: 22px;
    background: linear-gradient(145deg, #a7f3c9, #22c55e); box-shadow: 0 6px 16px rgba(34, 197, 94, .22); }
.mmr-cpic i { color: #04210f !important; }
.mmr-cpic.off { background: linear-gradient(180deg, rgba(21, 61, 103, .6), rgba(5, 24, 45, .9)); border: 1px solid rgba(98, 183, 242, .34); box-shadow: none; }
.mmr-cpic.off i { color: #8FA4BC !important; }

/* A SEALED deal on a lender card (lender-finance-requests.php) */
.mmr-seal { display: flex; gap: 10px; align-items: flex-start; padding: 10px 12px; border-radius: 12px;
    border: 1px solid rgba(143, 164, 188, .32); background: linear-gradient(180deg, rgba(21, 61, 103, .32), rgba(6, 22, 42, .6)); }
.mmr-seal > i { margin-top: 2px; color: #8FA4BC !important; }
.mmr-seal b { display: block; color: var(--mmr-text, #F4F7FA); font-size: 13.5px; }
.mmr-seal span { display: block; margin-top: 2px; color: #a9bfd3; font-size: 12.5px; line-height: 1.45; }
.mmr-seal.you { border-color: rgba(134, 239, 172, .5); background: linear-gradient(180deg, rgba(34, 197, 94, .12), rgba(6, 22, 42, .6)); }
.mmr-seal.you > i { color: #86efac !important; }
.mmr-btn:disabled .fa-lock { color: inherit !important; }
/* two actions in a narrow card: one per line, never a wrapped label */
.mmr-btns.mmr-btns-stack { flex-direction: column; }
.mmr-btns.mmr-btns-stack > .mmr-btn { flex: 0 0 auto; width: 100%; white-space: nowrap; }

/* a lender who has not joined: the public summary and one way in */
.mmr-prospect { max-width: 760px; margin: 0 auto; }
.mmr-prospect .mmr-facts { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.mmr-prospect .mmr-btns { max-width: 340px; }
a.mmr-btn, a.mmr-btn:hover { text-decoration: none; }
@media (max-width: 760px) { .mmr-prospect .mmr-facts { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } .mmr-prospect .mmr-btns { max-width: none; } }
.mmr-empty { padding: 18px 14px; border-radius: 14px; border: 1px dashed rgba(143, 164, 188, .32); color: var(--mmr-mute); font-size: 13.5px; line-height: 1.55; text-align: center; }
.mmr-empty i { display: block; margin-bottom: 8px; font-size: 22px; color: var(--mmr-cyan); }
.mmr-note { display: flex; gap: 8px; align-items: flex-start; margin-top: 12px; color: var(--mmr-dim); font-size: 12px; line-height: 1.5; }
.mmr-note i { margin-top: 2px; color: var(--mmr-mute); }

/* ---------------- detail / thread ---------------- */
.mmr-terms { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 8px; margin: 4px 0 10px; }
.mmr-term { padding: 9px 11px; border-radius: 11px; background: rgba(4, 14, 28, .5); border: 1px solid rgba(98, 183, 242, .16); min-width: 0; }
.mmr-term small { display: block; color: var(--mmr-mute); font-size: 11px; font-weight: 700; letter-spacing: .04em; }
.mmr-term b { display: block; margin-top: 2px; font-size: 14.5px; color: var(--mmr-text); overflow-wrap: anywhere; }
.mmr-term.na b { color: var(--mmr-dim); font-weight: 600; font-size: 13px; }
.mmr-quote { margin: 6px 0 10px; padding: 10px 12px; border-left: 3px solid rgba(244, 217, 149, .55); border-radius: 0 10px 10px 0;
             background: rgba(244, 217, 149, .06); color: #d7dfea; font-size: 13.5px; line-height: 1.55; white-space: pre-wrap; overflow-wrap: anywhere; }
.mmr-acc { margin: 8px 0; border-radius: 12px; border: 1px solid rgba(98, 183, 242, .2); background: rgba(4, 14, 28, .4); }
.mmr-acc > summary { list-style: none; cursor: pointer; padding: 10px 12px; color: #cbd5e1; font-size: 13px; font-weight: 700; display: flex; align-items: center; gap: 8px; }
.mmr-acc > summary::-webkit-details-marker { display: none; }
.mmr-acc > summary::before { content: '\203A'; font-size: 17px; color: var(--mmr-mute); transition: transform .2s; }
.mmr-acc[open] > summary::before { transform: rotate(90deg); }
.mmr-acc > div { padding: 2px 12px 10px; }
.mmr-hist { display: flex; flex-direction: column; gap: 6px; }
.mmr-hist div { display: flex; justify-content: space-between; gap: 10px; color: #c3d0e0; font-size: 12.5px; }
.mmr-hist div span:last-child { color: var(--mmr-mute); white-space: nowrap; }
.mmr-msgs { display: flex; flex-direction: column; gap: 8px; max-height: 260px; overflow-y: auto; padding: 4px 2px; overscroll-behavior: contain; }
.mmr-msg { max-width: 86%; padding: 9px 12px; border-radius: 14px; font-size: 13.5px; line-height: 1.5; overflow-wrap: anywhere; white-space: pre-wrap;
           background: rgba(21, 61, 103, .55); border: 1px solid rgba(98, 183, 242, .22); color: #e6edf8; }
.mmr-msg.me { align-self: flex-end; background: rgba(244, 217, 149, .12); border-color: rgba(244, 217, 149, .35); }
.mmr-msg small { display: block; margin-bottom: 3px; color: var(--mmr-mute); font-size: 11px; font-weight: 700; }
.mmr-compose { display: flex; gap: 8px; margin-top: 8px; }
.mmr-compose textarea { min-height: 44px; flex: 1 1 auto; }
.mmr-compose .mmr-btn { flex: 0 0 auto; width: auto; }
.mmr-banner { display: flex; gap: 12px; align-items: flex-start; padding: 13px 14px; border-radius: 14px; margin-bottom: 12px;
              border: 1px solid rgba(62, 233, 140, .38); background: linear-gradient(180deg, rgba(62, 233, 140, .10), rgba(6, 18, 34, .9)); }
.mmr-banner.amber { border-color: rgba(255, 216, 148, .4); background: linear-gradient(180deg, rgba(255, 216, 148, .09), rgba(6, 18, 34, .9)); }
.mmr-banner.red { border-color: rgba(255, 138, 138, .42); background: linear-gradient(180deg, rgba(255, 138, 138, .09), rgba(6, 18, 34, .9)); }
.mmr-banner > i { margin-top: 2px; font-size: 18px; color: var(--mmr-green); }
.mmr-banner.amber > i { color: var(--mmr-amber); }
.mmr-banner.red > i { color: var(--mmr-red); }
.mmr-banner b { display: block; color: var(--mmr-text); font-size: 14.5px; }
.mmr-banner span { display: block; margin-top: 2px; color: var(--mmr-mute); font-size: 13px; line-height: 1.5; }
.mmr-facts { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 6px 14px; }
.mmr-facts div { min-width: 0; padding: 7px 0; border-bottom: 1px solid rgba(143, 164, 188, .12); }
.mmr-facts small { display: block; color: var(--mmr-mute); font-size: 11.5px; font-weight: 700; }
.mmr-facts b { display: block; margin-top: 1px; font-size: 14px; color: var(--mmr-text); overflow-wrap: anywhere; font-weight: 700; }
.mmr-seats { display: flex; gap: 6px; margin-top: 4px; }
.mmr-seats i { width: 26px; height: 8px; border-radius: 6px; background: rgba(143, 164, 188, .2); }
.mmr-seats i.on { background: linear-gradient(90deg, #22d3ee, #3ee98c); }
.mmr-foot { margin-top: 14px; display: flex; align-items: flex-start; gap: 10px; color: var(--mmr-dim); font-size: 12px; line-height: 1.55; }
.mmr-foot i { margin-top: 2px; color: var(--mmr-mute); }
.mmr-msgline { margin: 8px 0 0; font-size: 13px; }
.mmr-msgline.err { color: var(--mmr-red); }
.mmr-msgline.ok { color: var(--mmr-green); }
.mmr-spin { display: inline-block; width: 15px; height: 15px; border-radius: 50%; border: 2px solid rgba(34, 211, 238, .25); border-top-color: #22d3ee; animation: mmrSpin .8s linear infinite; vertical-align: -3px; }
@keyframes mmrSpin { to { transform: rotate(360deg); } }
.mmr-skel { height: 120px; border-radius: 16px; background: linear-gradient(90deg, rgba(98, 183, 242, .06), rgba(98, 183, 242, .13), rgba(98, 183, 242, .06)); background-size: 200% 100%; animation: mmrShimmer 1.3s linear infinite; }
@keyframes mmrShimmer { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }
@media (prefers-reduced-motion: reduce) { .mmr-spin, .mmr-skel { animation: none; } }
@media (max-width: 640px) {
    /* A PHONE: one card, not four boxes inside each other. A form field used
       to sit inside the timeline card, the phone frame, this section and its
       own column card — four borders and ~39px of inset at 390px wide. The
       section and the frames around it go flat; the column card is the one
       box left. */
    .mmr-sec, #tempTimelineEmptyState #tempDMortSec.mmr-sec { padding: 4px 0 !important; border: 0 !important; border-radius: 0 !important;
               background: transparent !important; box-shadow: none !important; }
    body.mmr-finwide .deal-card.timeline-card, body.mmr-closedview .deal-card.timeline-card,
    body.mmr-finwide #p1.phone, body.mmr-closedview #p1.phone {
        border-color: transparent !important; box-shadow: none !important; border-radius: 0 !important; }
    body.mmr-finwide #tempDOv, body.mmr-closedview #tempDOv { padding-left: 4px !important; padding-right: 4px !important; }
    .mmr-col { padding: 14px 12px; border-radius: 16px; }
    .mmr-brand h3 { font-size: 18px; }
    .mmr-terms, .mmr-facts { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
}

/* the timeline's Financing row in a financing room */
/* FINANCING ROOM: the deal-room intro clip beside the Deal Room pill is
   replaced by the premium way in to the Financing section (js paintCta),
   in the same slot and with the same sizing the clip had. Rooms without a
   financing request keep their clip. */
#tempTimelineEmptyState.mmr-room .hdr-mid > .hdr-vid { display: none !important; }
#tempTimelineEmptyState .hdr-mid > .mmr-cta { flex: 1 1 240px; min-width: 0; max-width: 420px; }
@media (max-width: 440px) { #tempTimelineEmptyState .hdr-mid > .mmr-cta { flex: 1 0 100%; max-width: none; } }
#tempTimelineEmptyState .mmr-cta {
    position: relative; display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 10px 12px; align-items: center;
    padding: 13px 14px; border-radius: 18px; cursor: pointer; overflow: hidden; text-align: left;
    background: radial-gradient(120% 140% at 0% 0%, rgba(244, 217, 149, .20), transparent 55%), linear-gradient(135deg, rgba(20, 38, 66, .97), rgba(8, 20, 38, .99));
    border: 1.5px solid rgba(244, 217, 149, .5);
    box-shadow: 0 10px 26px rgba(0, 0, 0, .38), inset 0 1px 0 rgba(255, 255, 255, .06);
}
#tempTimelineEmptyState .mmr-cta::before {
    content: ""; position: absolute; left: 16px; right: 16px; top: 0; height: 1px;
    background: linear-gradient(90deg, transparent, rgba(244, 217, 149, .9), transparent);
}
#tempTimelineEmptyState .mmr-cta-ic {
    width: 40px; height: 40px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 17px;
    background: linear-gradient(145deg, #F8E4AB, #DDB760); box-shadow: 0 6px 16px rgba(221, 183, 96, .35), inset 0 1px 0 rgba(255, 255, 255, .6);
}
#tempTimelineEmptyState .mmr-cta-ic i { color: #1c1405 !important; }
#tempTimelineEmptyState .mmr-cta-tx { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
#tempTimelineEmptyState .mmr-cta-tx small {
    font-size: 10px; letter-spacing: .12em; text-transform: uppercase; font-weight: 800; color: #F4D995; line-height: 1.3;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
#tempTimelineEmptyState .mmr-cta-tx b { font-size: 15.5px; font-weight: 800; color: #F4F7FA; line-height: 1.25; }
#tempTimelineEmptyState .mmr-cta-tx > span { font-size: 12px; color: #8FA4BC; line-height: 1.4; }
#tempTimelineEmptyState .mmr-cta-btn {
    grid-column: 1 / -1; display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: 100%;
    border: none; cursor: pointer; padding: 10px 16px; border-radius: 30px; font-weight: 800; font-size: 13.5px; letter-spacing: .02em; color: #1c1405;
    background: linear-gradient(145deg, #F8E4AB, #DDB760); box-shadow: 0 8px 20px rgba(221, 183, 96, .32), inset 0 1px 0 rgba(255, 255, 255, .6);
    transition: transform .18s ease, box-shadow .18s ease;
}
#tempTimelineEmptyState .mmr-cta-btn:hover { transform: translateY(-1px); box-shadow: 0 12px 26px rgba(221, 183, 96, .42), inset 0 1px 0 rgba(255, 255, 255, .6); }
#tempTimelineEmptyState .mmr-cta-btn:focus-visible { outline: 2px solid #8BCBFF; outline-offset: 3px; }
#tempTimelineEmptyState .mmr-cta-btn i { color: #1c1405 !important; }
#tempTimelineEmptyState .mmr-cta-btn em { font-style: normal; background: #1c1405; color: #F4D995; border-radius: 20px; padding: 1px 8px; font-size: 11.5px; }
#tempTimelineEmptyState .mmr-cta.hot { border-color: rgba(244, 217, 149, .85); animation: mmrCtaGlow 2.8s ease-in-out infinite; }
@keyframes mmrCtaGlow {
    0%, 100% { box-shadow: 0 10px 26px rgba(0, 0, 0, .38), 0 0 0 0 rgba(244, 217, 149, 0); }
    50% { box-shadow: 0 10px 26px rgba(0, 0, 0, .38), 0 0 22px 2px rgba(244, 217, 149, .28); }
}
@media (prefers-reduced-motion: reduce) { #tempTimelineEmptyState .mmr-cta.hot { animation: none; } }

#tempTimelineEmptyState .mmr-tl { display: flex; flex-direction: column; gap: 6px; }
#tempTimelineEmptyState .mmr-tl b { color: #F4F7FA; font-size: 15px; }
#tempTimelineEmptyState .mmr-tl span { color: #8FA4BC; font-size: 13px; line-height: 1.45; }
#tempTimelineEmptyState .mmr-tl button {
    align-self: flex-start; margin-top: 4px; padding: 7px 14px; border-radius: 30px; cursor: pointer; font-weight: 800; font-size: 13px;
    color: #1c1405; border: 1px solid rgba(255, 235, 184, .8); background: linear-gradient(145deg, #F8E4AB, #DDB760);
}
/* the room's own purchase-financing panel is replaced by the marketplace */
#tempTimelineEmptyState.mmr-room #tempDFinSec { display: none !important; }

/* a lender in a financing room: the controls the server refuses them */
body.mmr-lender .deal-navigation-menu .left-nav-item[data-view="concierge"],
body.mmr-lender .deal-navigation-menu .left-nav-item[data-view="tasks"],
body.mmr-lender #tdaCard,
body.mmr-lender .add-temp-participant,
body.mmr-lender #tempDInviteCardSec,
body.mmr-lender #tempDealOverviewCard,
body.mmr-lender #tempNextAction { display: none !important; }

/* ONE SURFACE, A FEW CARDS (2026-10-08). With the Financing or Deal Complete
   stage open in a financing room, the cards sat inside six layers: a near-
   black board, the phone frame's gold border, a 90% black overlay, the
   planet strip's gold rules, this section's own border and only then the
   cards. The layers go flat on one navy glass surface; the content cards
   are the only boxes left, and the other sections turn glass, not black. */
body.mmr-finwide #tempTimelineEmptyState.mmr-room, body.mmr-closedview #tempTimelineEmptyState.mmr-room {
    background:
        radial-gradient(70% 38% at 88% 2%, rgba(35, 112, 183, .22), transparent 72%),
        radial-gradient(58% 42% at 0% 66%, rgba(14, 91, 151, .12), transparent 75%),
        linear-gradient(180deg, #0B2240 0%, #081A31 55%, #06152A 100%) !important;
}
/* the panel keeps its dark outer frame (user, 2026-10-08) — only the black fill inside goes */
body.mmr-finwide #tempTimelineEmptyState #p1.phone, body.mmr-closedview #tempTimelineEmptyState #p1.phone {
    border: 2px solid #03070f !important; border-radius: 16px !important; background: transparent !important;
    box-shadow: 0 0 0 1px rgba(98, 183, 242, .10), 0 14px 34px rgba(0, 0, 0, .45) !important; }
body.mmr-finwide #tempTimelineEmptyState #tempDOv, body.mmr-closedview #tempTimelineEmptyState #tempDOv { background: transparent !important; }
body.mmr-finwide #tempTimelineEmptyState #tempDGlance, body.mmr-closedview #tempTimelineEmptyState #tempDGlance {
    border: 0 !important; border-radius: 18px !important;
    background: linear-gradient(180deg, rgba(21, 61, 103, .34), rgba(6, 22, 42, .42)) !important;
    box-shadow: inset 0 1px 0 rgba(191, 229, 255, .10) !important; }
body.mmr-finwide #tempTimelineEmptyState #tempDMortSec.mmr-sec, body.mmr-closedview #tempTimelineEmptyState #tempDMortSec.mmr-sec {
    border: 0 !important; background: transparent !important; box-shadow: none !important; padding: 4px 0 !important; border-radius: 0 !important; }
body.mmr-finwide #tempTimelineEmptyState #tempDOv .sec:not(.mmr-sec), body.mmr-closedview #tempTimelineEmptyState #tempDOv .sec:not(.mmr-sec) {
    border-color: rgba(98, 183, 242, .16) !important;
    background: linear-gradient(180deg, rgba(13, 34, 60, .55), rgba(6, 18, 34, .70)) !important; }

/* ==========================================================================
   THE GLOW PASS (2026-10-09) — one glass-and-glow language for the whole
   financing room, borrower and lender views, the Deal Complete panel and the
   lender request cards. Cyan rim light on glass for surfaces, gold for the
   primary action, green and red for accept and withdraw. Surfaces glow
   softly; only actions glow strongly. Appended last so it wins by order.
   ========================================================================== */
.mmr-col { border-color: rgba(34, 211, 238, .30);
    background: linear-gradient(180deg, rgba(16, 46, 80, .74) 0%, rgba(6, 20, 38, .92) 100%);
    box-shadow: inset 0 1px 0 rgba(191, 229, 255, .16), 0 0 0 1px rgba(34, 211, 238, .05), 0 0 22px rgba(34, 211, 238, .10); }
/* the offer's terms: a tile of glass each */
.mmr-term { border-color: rgba(34, 211, 238, .34); border-radius: 12px; padding: 10px 12px;
    background: linear-gradient(180deg, rgba(21, 61, 103, .46) 0%, rgba(5, 24, 45, .90) 100%);
    box-shadow: inset 0 1px 0 rgba(191, 229, 255, .18), 0 0 14px rgba(34, 211, 238, .14); }
.mmr-term small { color: #9fb8d0; }
.mmr-term b { font-size: 15px; }
.mmr-term.na { opacity: .85; box-shadow: inset 0 1px 0 rgba(191, 229, 255, .10), 0 0 8px rgba(34, 211, 238, .06); }
/* proposal cards */
.mmr-prop { border-color: rgba(34, 211, 238, .38);
    background: linear-gradient(180deg, rgba(18, 52, 90, .74) 0%, rgba(6, 20, 38, .94) 100%);
    box-shadow: inset 0 1px 0 rgba(191, 229, 255, .16), 0 0 18px rgba(34, 211, 238, .14); }
.mmr-prop.is-active { border-color: rgba(244, 217, 149, .8); box-shadow: inset 0 1px 0 rgba(255, 235, 184, .22), 0 0 0 1px rgba(244, 217, 149, .22), 0 0 24px rgba(238, 196, 101, .36); }
.mmr-prop.is-selected { border-color: rgba(62, 233, 140, .8); box-shadow: inset 0 1px 0 rgba(200, 255, 225, .2), 0 0 0 1px rgba(62, 233, 140, .22), 0 0 26px rgba(62, 233, 140, .38); }
/* private messages: glass bubbles, the borrower's own in gold glass */
.mmr-msg { border-color: rgba(34, 211, 238, .38);
    background: linear-gradient(180deg, rgba(25, 70, 118, .62), rgba(8, 28, 52, .88));
    box-shadow: inset 0 1px 0 rgba(191, 229, 255, .18), 0 0 14px rgba(34, 211, 238, .16); }
.mmr-msg.me { border-color: rgba(244, 217, 149, .55);
    background: linear-gradient(180deg, rgba(244, 217, 149, .20), rgba(70, 52, 14, .52));
    box-shadow: inset 0 1px 0 rgba(255, 235, 184, .26), 0 0 14px rgba(238, 196, 101, .22); }
.mmr-msg.me small { color: #e9d8a8; }
/* the message box: roomy glass with a halo, its send button the full height */
.mmr-compose { align-items: stretch; gap: 10px; margin-top: 12px; }
.mmr-compose textarea.mmr-in { min-height: 64px; border-radius: 14px; padding: 12px 14px;
    background: linear-gradient(180deg, rgba(14, 44, 80, .78), rgba(5, 22, 42, .94));
    border-color: rgba(34, 211, 238, .62);
    box-shadow: inset 0 1px 0 rgba(191, 229, 255, .16), 0 0 0 1px rgba(34, 211, 238, .08), 0 0 20px rgba(34, 211, 238, .26); }
.mmr-compose textarea.mmr-in:focus { border-color: #8af3ff; box-shadow: 0 0 0 3px rgba(34, 211, 238, .24), 0 0 26px rgba(34, 211, 238, .42); }
.mmr-compose .mmr-btn { align-self: stretch; min-width: 52px; border-radius: 14px; }
/* ghost buttons (View Offer, Open thread, Keep my choice, See open requests): cyan glass with a halo */
.mmr-btn.ghost { color: #d9ecfb; border-color: rgba(34, 211, 238, .6);
    background: linear-gradient(180deg, rgba(25, 78, 128, .55) 0%, rgba(6, 24, 46, .92) 100%);
    box-shadow: inset 0 1px 0 rgba(191, 229, 255, .26), 0 0 0 1px rgba(34, 211, 238, .08), 0 0 16px rgba(34, 211, 238, .26); }
.mmr-btn.ghost:hover { color: #fff; border-color: #8af3ff; filter: none;
    box-shadow: inset 0 1px 0 rgba(191, 229, 255, .34), 0 0 0 1px rgba(34, 211, 238, .16), 0 0 24px rgba(34, 211, 238, .44); }
.mmr-btn:disabled { filter: none; }
/* quotes, banners, accordions, switches, notes */
.mmr-quote { border-radius: 12px; border: 1px solid rgba(244, 217, 149, .38); border-left: 3px solid rgba(244, 217, 149, .8);
    background: linear-gradient(180deg, rgba(244, 217, 149, .13), rgba(6, 20, 38, .7));
    box-shadow: inset 0 1px 0 rgba(255, 235, 184, .14), 0 0 14px rgba(238, 196, 101, .16); }
.mmr-acc { border-color: rgba(34, 211, 238, .38);
    background: linear-gradient(180deg, rgba(21, 61, 103, .38), rgba(5, 22, 42, .85));
    box-shadow: inset 0 1px 0 rgba(191, 229, 255, .14), 0 0 14px rgba(34, 211, 238, .14); }
.mmr-banner { box-shadow: inset 0 1px 0 rgba(200, 255, 225, .14), 0 0 18px rgba(62, 233, 140, .20); }
.mmr-banner.amber { box-shadow: inset 0 1px 0 rgba(255, 235, 184, .14), 0 0 18px rgba(238, 196, 101, .22); }
.mmr-banner.red { box-shadow: inset 0 1px 0 rgba(255, 210, 210, .14), 0 0 18px rgba(248, 113, 113, .24); }
.mmr-chip { box-shadow: 0 0 10px rgba(98, 183, 242, .22); }
.mmr-chip.gold { box-shadow: 0 0 10px rgba(238, 196, 101, .30); }
.mmr-chip.green { box-shadow: 0 0 10px rgba(62, 233, 140, .30); }
.mmr-chip.red { box-shadow: 0 0 10px rgba(248, 113, 113, .30); }
.mmr-chip.cyan { box-shadow: 0 0 10px rgba(34, 211, 238, .30); }
.mmr-switch { border-color: rgba(34, 211, 238, .45); background: linear-gradient(180deg, rgba(14, 44, 80, .7), rgba(4, 16, 32, .9));
    box-shadow: inset 0 1px 0 rgba(191, 229, 255, .14), 0 0 16px rgba(34, 211, 238, .2); }
.mmr-switch button.on { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .6), 0 0 16px rgba(238, 196, 101, .5); }
.mmr-check, .mmr-mailpref { border-radius: 12px; }
.mmr-check { border-color: rgba(34, 211, 238, .3); background: linear-gradient(180deg, rgba(21, 61, 103, .3), rgba(5, 22, 42, .7)); box-shadow: inset 0 1px 0 rgba(191, 229, 255, .1), 0 0 12px rgba(34, 211, 238, .1); }
.mmr-check.req { border-color: rgba(244, 217, 149, .55); box-shadow: inset 0 1px 0 rgba(255, 235, 184, .12), 0 0 14px rgba(238, 196, 101, .18); }
.mmr-empty { border-color: rgba(34, 211, 238, .4); background: linear-gradient(180deg, rgba(21, 61, 103, .22), rgba(5, 22, 42, .5)); box-shadow: 0 0 14px rgba(34, 211, 238, .10); }
.mmr-complete { border-color: rgba(34, 211, 238, .4); box-shadow: inset 0 1px 0 rgba(191, 229, 255, .16), 0 0 24px rgba(34, 211, 238, .18); }
.mmr-complete.done { border-color: rgba(134, 239, 172, .55); box-shadow: inset 0 1px 0 rgba(200, 255, 225, .2), 0 0 26px rgba(62, 233, 140, .28); }
@media (prefers-reduced-motion: reduce) { .mmr-btn, .mmr-prop, .mmr-msg { transition: none; } }

/* the request summary column: facts as glass tiles, the email switch as a glass row, withdraw as a button */
.mmr-col .mmr-facts { gap: 8px; }
.mmr-col .mmr-facts div { padding: 9px 12px; border: 1px solid rgba(34, 211, 238, .30); border-radius: 12px;
    background: linear-gradient(180deg, rgba(21, 61, 103, .42), rgba(5, 24, 45, .88));
    box-shadow: inset 0 1px 0 rgba(191, 229, 255, .16), 0 0 12px rgba(34, 211, 238, .12); }
.mmr-col .mmr-facts small { color: #9fb8d0; }
.mmr-mailpref { align-items: center; margin: 12px 0 4px; padding: 11px 13px; color: #c3d6e8; border-radius: 12px;
    border: 1px solid rgba(34, 211, 238, .36);
    background: linear-gradient(180deg, rgba(21, 61, 103, .36), rgba(5, 22, 42, .8));
    box-shadow: inset 0 1px 0 rgba(191, 229, 255, .12), 0 0 14px rgba(34, 211, 238, .14); }
.mmr-mailpref:hover { border-color: rgba(138, 243, 255, .7); box-shadow: inset 0 1px 0 rgba(191, 229, 255, .16), 0 0 20px rgba(34, 211, 238, .28); }
.mmr-btns.mmr-btns-end { margin-top: 12px; }
.mmr-btns.mmr-btns-end > .mmr-btn { flex: 0 0 auto; width: 100%; white-space: nowrap; }

/* GLOW PASS, second turn (2026-10-09): the first was too quiet on screen.
   Brighter glass, stronger rim and halo; the View Offer / Open thread button
   becomes a real cyan action button. */
.mmr-btn.glow-cyan { color: #fff; border-color: rgba(103, 232, 249, .9);
    background: linear-gradient(180deg, rgba(34, 211, 238, .38) 0%, rgba(9, 72, 108, .82) 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .38), 0 0 0 1px rgba(34, 211, 238, .28), 0 0 22px rgba(34, 211, 238, .58); }
.mmr-btn.glow-cyan i { color: #cffafe !important; }
.mmr-btn.glow-cyan:hover { filter: none; border-color: #a5f3fc;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5), 0 0 0 1px rgba(34, 211, 238, .45), 0 0 30px rgba(34, 211, 238, .8); }
.mmr-btn.ghost { color: #e8f6ff; border-color: rgba(103, 232, 249, .75);
    background: linear-gradient(180deg, rgba(34, 150, 210, .38) 0%, rgba(7, 32, 60, .92) 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .28), 0 0 0 1px rgba(34, 211, 238, .16), 0 0 20px rgba(34, 211, 238, .42); }
.mmr-btn.ghost:hover { border-color: #a5f3fc; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), 0 0 0 1px rgba(34, 211, 238, .3), 0 0 28px rgba(34, 211, 238, .66); }
.mmr-btn:not(.ghost):not(.green):not(.glow-red):not(.glow-cyan):not(.danger) { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8), 0 0 0 1px rgba(244, 217, 149, .38), 0 0 26px rgba(238, 196, 101, .62); }
.mmr-btn.glow-red { box-shadow: inset 0 1px 0 rgba(255, 220, 220, .36), 0 0 0 1px rgba(248, 113, 113, .24), 0 0 24px rgba(248, 113, 113, .56); }
.mmr-decide > .mmr-btn.green { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .42), 0 0 0 1px rgba(134, 239, 172, .34), 0 0 26px rgba(62, 233, 140, .62); }
/* the conversation */
.mmr-msg { color: #f1f7ff; border-color: rgba(103, 232, 249, .65);
    background: linear-gradient(180deg, rgba(34, 150, 230, .40) 0%, rgba(8, 38, 74, .92) 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .24), 0 0 0 1px rgba(34, 211, 238, .12), 0 0 22px rgba(34, 211, 238, .34); }
.mmr-msg.me { color: #fff8e3; border-color: rgba(250, 224, 150, .9);
    background: linear-gradient(180deg, rgba(244, 217, 149, .42) 0%, rgba(120, 86, 18, .70) 100%);
    box-shadow: inset 0 1px 0 rgba(255, 244, 205, .4), 0 0 0 1px rgba(244, 217, 149, .22), 0 0 22px rgba(238, 196, 101, .48); }
.mmr-msg small { color: #b9d3ea; }
.mmr-msg.me small { color: #f3e2b0; }
.mmr-compose textarea.mmr-in { color: #f1f7ff; border-color: rgba(103, 232, 249, .9);
    background: linear-gradient(180deg, rgba(20, 70, 120, .70) 0%, rgba(6, 28, 54, .96) 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22), 0 0 0 1px rgba(34, 211, 238, .2), 0 0 28px rgba(34, 211, 238, .5); }
.mmr-compose textarea.mmr-in::placeholder { color: #7da3c2 !important; }
.mmr-compose textarea.mmr-in:focus { border-color: #cffafe; box-shadow: 0 0 0 3px rgba(34, 211, 238, .32), 0 0 36px rgba(34, 211, 238, .68); }
/* terms and facts tiles */
.mmr-term { border-color: rgba(103, 232, 249, .5);
    background: linear-gradient(180deg, rgba(34, 150, 230, .26) 0%, rgba(6, 28, 54, .94) 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22), 0 0 18px rgba(34, 211, 238, .26); }
.mmr-col .mmr-facts div { border-color: rgba(103, 232, 249, .46);
    background: linear-gradient(180deg, rgba(34, 150, 230, .24) 0%, rgba(6, 28, 54, .94) 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 0 16px rgba(34, 211, 238, .22); }
.mmr-prop { border-color: rgba(103, 232, 249, .55); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 0 26px rgba(34, 211, 238, .26); }
.mmr-prop.is-active { box-shadow: inset 0 1px 0 rgba(255, 244, 205, .3), 0 0 0 1px rgba(244, 217, 149, .3), 0 0 32px rgba(238, 196, 101, .5); }
.mmr-prop.is-selected { box-shadow: inset 0 1px 0 rgba(200, 255, 225, .3), 0 0 0 1px rgba(62, 233, 140, .32), 0 0 34px rgba(62, 233, 140, .52); }
.mmr-acc { border-color: rgba(103, 232, 249, .5); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18), 0 0 20px rgba(34, 211, 238, .26); }
.mmr-mailpref { border-color: rgba(103, 232, 249, .5); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16), 0 0 18px rgba(34, 211, 238, .26); }
.mmr-col { border-color: rgba(103, 232, 249, .42); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18), 0 0 0 1px rgba(34, 211, 238, .08), 0 0 32px rgba(34, 211, 238, .2); }

/* CRISP PREMIUM (2026-10-09, third turn). Wide soft halos on dark glass read
   as "basic and blurry". Buttons are now solid, vivid gradients with a sharp
   rim, a top sheen and a bottom bevel, and a TIGHT glow; only the colour
   carries the glow. Surfaces keep glass but with a crisp 1px rim. */
.mmr-btn { letter-spacing: .01em; text-shadow: none; }
/* gold: primary actions (Send Counteroffer, Open Deal Room, send message) */
.mmr-btn:not(.ghost):not(.green):not(.glow-red):not(.glow-cyan):not(.danger) { color: #2a1d04;
    background: linear-gradient(180deg, #fff1c6 0%, #f6dc9a 46%, #dcb050 100%); border: 1px solid #fff0c4;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9), inset 0 -2px 0 rgba(122, 86, 10, .32), 0 0 0 1px rgba(170, 122, 22, .55), 0 6px 14px rgba(0, 0, 0, .38), 0 0 14px rgba(238, 196, 101, .5); }
.mmr-btn:not(.ghost):not(.green):not(.glow-red):not(.glow-cyan):not(.danger):hover { filter: brightness(1.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .95), inset 0 -2px 0 rgba(122, 86, 10, .32), 0 0 0 1px rgba(190, 140, 30, .7), 0 8px 18px rgba(0, 0, 0, .4), 0 0 20px rgba(238, 196, 101, .7); }
/* green: Proceed */
.mmr-btn.green, .mmr-decide > .mmr-btn.green { color: #052e16; border: 1px solid #bbf7d0;
    background: linear-gradient(180deg, #a7f3c4 0%, #4ade80 48%, #16a34a 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .75), inset 0 -2px 0 rgba(5, 80, 35, .4), 0 0 0 1px rgba(21, 128, 61, .7), 0 6px 14px rgba(0, 0, 0, .38), 0 0 14px rgba(74, 222, 128, .55); }
.mmr-btn.green i { color: #052e16 !important; }
.mmr-btn.green:hover, .mmr-decide > .mmr-btn.green:hover { filter: brightness(1.06); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .85), inset 0 -2px 0 rgba(5, 80, 35, .4), 0 0 0 1px rgba(21, 128, 61, .85), 0 8px 18px rgba(0, 0, 0, .4), 0 0 22px rgba(74, 222, 128, .75); }
/* red: Decline, Withdraw */
.mmr-btn.glow-red, .mmr-decide > .mmr-btn.glow-red { color: #fff; border: 1px solid #fda4af; text-shadow: 0 1px 1px rgba(80, 0, 20, .5);
    background: linear-gradient(180deg, #fb7185 0%, #e11d48 50%, #9f1239 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5), inset 0 -2px 0 rgba(70, 0, 20, .45), 0 0 0 1px rgba(159, 18, 57, .8), 0 6px 14px rgba(0, 0, 0, .4), 0 0 14px rgba(244, 63, 94, .55); }
.mmr-btn.glow-red i { color: #fff !important; }
.mmr-btn.glow-red:hover { color: #fff; filter: brightness(1.08); border-color: #fecdd3; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .6), inset 0 -2px 0 rgba(70, 0, 20, .45), 0 0 0 1px rgba(190, 24, 70, .9), 0 8px 18px rgba(0, 0, 0, .42), 0 0 22px rgba(244, 63, 94, .78); }
/* cyan: View Offer, Open thread */
.mmr-btn.glow-cyan { color: #fff; border: 1px solid #a5f3fc; text-shadow: 0 1px 1px rgba(0, 40, 70, .55);
    background: linear-gradient(180deg, #67e8f9 0%, #0ea5e9 52%, #0369a1 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .6), inset 0 -2px 0 rgba(2, 50, 90, .45), 0 0 0 1px rgba(3, 105, 161, .8), 0 6px 14px rgba(0, 0, 0, .38), 0 0 14px rgba(34, 211, 238, .6); }
.mmr-btn.glow-cyan i { color: #fff !important; }
.mmr-btn.glow-cyan:hover { filter: brightness(1.08); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .7), inset 0 -2px 0 rgba(2, 50, 90, .45), 0 0 0 1px rgba(3, 105, 161, .9), 0 8px 18px rgba(0, 0, 0, .4), 0 0 24px rgba(34, 211, 238, .85); }
/* ghost: crisp blue glass */
.mmr-btn.ghost { color: #eaf6ff; border: 1px solid #38bdf8;
    background: linear-gradient(180deg, #1c5a8c 0%, #0b2f55 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), inset 0 -2px 0 rgba(0, 20, 50, .4), 0 4px 10px rgba(0, 0, 0, .3), 0 0 10px rgba(56, 189, 248, .4); }
.mmr-btn.ghost:hover { color: #fff; border-color: #bae6fd; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), inset 0 -2px 0 rgba(0, 20, 50, .4), 0 5px 12px rgba(0, 0, 0, .32), 0 0 18px rgba(56, 189, 248, .7); }
.mmr-btn:disabled { opacity: .55; }
/* Send a counteroffer: a gold button with a dark panel that opens under it */
.mmr-acc[data-acc="counter"] { border: 1px solid #fff0c4; border-radius: 12px; overflow: hidden; background: rgba(5, 20, 40, .94);
    box-shadow: 0 0 0 1px rgba(170, 122, 22, .55), 0 6px 14px rgba(0, 0, 0, .38), 0 0 14px rgba(238, 196, 101, .5); }
.mmr-acc[data-acc="counter"]:hover { box-shadow: 0 0 0 1px rgba(190, 140, 30, .7), 0 8px 18px rgba(0, 0, 0, .4), 0 0 22px rgba(238, 196, 101, .7); }
.mmr-acc[data-acc="counter"] > summary { color: #2a1d04; font-size: 14.5px; font-weight: 800; padding: 13px 14px;
    background: linear-gradient(180deg, #fff1c6 0%, #f6dc9a 46%, #dcb050 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9), inset 0 -2px 0 rgba(122, 86, 10, .32); }
.mmr-acc[data-acc="counter"] > summary i, .mmr-acc[data-acc="counter"] > summary::after { color: #2a1d04 !important; }
.mmr-acc[data-acc="counter"] > div { padding: 12px; }
/* Version history and the other folds: crisp blue glass */
.mmr-acc:not([data-acc="counter"]) { border: 1px solid #38bdf8; background: linear-gradient(180deg, #11426f 0%, #0a2644 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .24), 0 4px 10px rgba(0, 0, 0, .3), 0 0 10px rgba(56, 189, 248, .4); }
.mmr-acc:not([data-acc="counter"]) > summary { color: #eaf6ff; font-size: 13.5px; padding: 11px 14px; }
.mmr-acc:not([data-acc="counter"]) > summary::before { color: #7dd3fc; }
/* Conditions / the lender's note: a gold-edged card */
.mmr-quote { color: #fff6df; font-size: 14px; border: 1px solid #f4d995; border-left: 4px solid #f4d995; border-radius: 12px;
    background: linear-gradient(180deg, rgba(244, 217, 149, .30) 0%, rgba(86, 64, 14, .62) 100%);
    box-shadow: inset 0 1px 0 rgba(255, 244, 205, .35), 0 4px 10px rgba(0, 0, 0, .28), 0 0 10px rgba(238, 196, 101, .38); }
/* tiles: crisp rims, tight glow */
.mmr-term, .mmr-col .mmr-facts div { border: 1px solid #38bdf8; background: linear-gradient(180deg, #14507f 0%, #0a2a4c 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22), 0 3px 8px rgba(0, 0, 0, .28), 0 0 8px rgba(56, 189, 248, .35); }
.mmr-term small, .mmr-col .mmr-facts small { color: #a9cbe6; }
.mmr-msg { border: 1px solid #38bdf8; background: linear-gradient(180deg, #1a5f94 0%, #0b2f55 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .26), 0 3px 8px rgba(0, 0, 0, .3), 0 0 10px rgba(56, 189, 248, .4); }
.mmr-msg.me { border: 1px solid #fff0c4; background: linear-gradient(180deg, #e9c978 0%, #9a6f1c 100%); color: #fff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5), 0 3px 8px rgba(0, 0, 0, .3), 0 0 10px rgba(238, 196, 101, .5); }
.mmr-msg.me small { color: #fff3cf; }
.mmr-compose textarea.mmr-in { border: 1.5px solid #38bdf8; background: linear-gradient(180deg, #123f6a 0%, #08233f 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 4px 10px rgba(0, 0, 0, .3), 0 0 12px rgba(56, 189, 248, .5); }
.mmr-compose textarea.mmr-in:focus { border-color: #bae6fd; box-shadow: 0 0 0 2px rgba(56, 189, 248, .45), 0 0 20px rgba(56, 189, 248, .7); }
.mmr-mailpref { border: 1px solid #38bdf8; background: linear-gradient(180deg, #11426f 0%, #0a2644 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 3px 8px rgba(0, 0, 0, .28), 0 0 8px rgba(56, 189, 248, .35); }
.mmr-btn:not(.ghost):not(.green):not(.glow-red):not(.glow-cyan):not(.danger) i { color: #2a1d04 !important; }
.mmr-compose .mmr-btn i { font-size: 18px; }
.mmr-wdnote { color: #fff6df; border: 1px solid #f4d995; background: linear-gradient(180deg, rgba(244, 217, 149, .30) 0%, rgba(86, 64, 14, .62) 100%);
    box-shadow: inset 0 1px 0 rgba(255, 244, 205, .35), 0 4px 10px rgba(0, 0, 0, .28), 0 0 10px rgba(238, 196, 101, .38); }
.mmr-wdnote b, .mmr-wdnote i { color: #ffe9a8 !important; }

/* VERSION HISTORY rows: a tile per version, a status chip on the right */
.mmr-hist { gap: 8px; }
.mmr-hist .mmr-hrow { display: flex; align-items: center; justify-content: flex-start; gap: 11px; padding: 9px 11px; border-radius: 12px; border: 1px solid #38bdf8;
    background: linear-gradient(180deg, #14507f 0%, #0a2a4c 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22), 0 3px 8px rgba(0, 0, 0, .28), 0 0 8px rgba(56, 189, 248, .3); }
.mmr-hist .mmr-hrow.me { border-color: #f4d995; background: linear-gradient(180deg, rgba(244, 217, 149, .30) 0%, rgba(86, 64, 14, .62) 100%);
    box-shadow: inset 0 1px 0 rgba(255, 244, 205, .3), 0 3px 8px rgba(0, 0, 0, .28), 0 0 8px rgba(238, 196, 101, .34); }
.mmr-hic { flex: 0 0 auto; width: 30px; height: 30px; border-radius: 9px; display: flex; align-items: center; justify-content: center;
    background: linear-gradient(180deg, #67e8f9, #0ea5e9); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .55); }
.mmr-hic i { color: #032a44 !important; font-size: 13px; }
.mmr-hrow.me .mmr-hic { background: linear-gradient(180deg, #fff1c6, #dcb050); }
.mmr-hrow.me .mmr-hic i { color: #2a1d04 !important; }
.mmr-htx { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 1px; color: #f1f7ff; }
.mmr-htx b { font-size: 13.5px; font-weight: 800; }
.mmr-htx small { font-size: 12px; font-weight: 600; color: #b9d3ea; white-space: normal; }
.mmr-hrow.me .mmr-htx small { color: #f3e2b0; }
.mmr-hist .mmr-hrow span.mmr-hst { flex: 0 0 auto; padding: 3px 10px; border-radius: 20px; font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: #fff; }
.mmr-hst.green { background: linear-gradient(180deg, #4ade80, #16a34a); color: #052e16 !important; box-shadow: 0 0 10px rgba(74, 222, 128, .5); }
.mmr-hst.gold { background: linear-gradient(180deg, #fff1c6, #dcb050); color: #2a1d04 !important; box-shadow: 0 0 10px rgba(238, 196, 101, .5); }
.mmr-hst.red { background: linear-gradient(180deg, #fb7185, #be123c); box-shadow: 0 0 10px rgba(244, 63, 94, .5); }
.mmr-hst.grey { background: rgba(148, 163, 184, .22); border: 1px solid rgba(148, 163, 184, .5); color: #dbe6f2 !important; }
.mmr-hst.blue { background: linear-gradient(180deg, #67e8f9, #0369a1); box-shadow: 0 0 10px rgba(34, 211, 238, .5); }

/* CALM PREMIUM (2026-10-09, fourth turn) — the last two passes were too much
   glow and too much colour. Same structure, quieter: muted, desaturated
   fills with a thin rim and a short drop shadow, NO glow halos. Colour is
   kept for meaning only: gold = primary, green = proceed, red = decline and
   withdraw, blue = everything else. Appended last so it wins. */
.mmr-btn { letter-spacing: .01em; }
/* gold primary */
.mmr-btn:not(.ghost):not(.green):not(.glow-red):not(.glow-cyan):not(.danger) { color: #2a1d04;
    background: linear-gradient(180deg, #ecd39a 0%, #d4b068 100%); border: 1px solid rgba(255, 240, 200, .55);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .45), 0 2px 6px rgba(0, 0, 0, .35); }
.mmr-btn:not(.ghost):not(.green):not(.glow-red):not(.glow-cyan):not(.danger):hover { filter: brightness(1.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .55), 0 3px 8px rgba(0, 0, 0, .4); }
/* green */
.mmr-btn.green, .mmr-decide > .mmr-btn.green { color: #f3fff8; border: 1px solid rgba(160, 240, 195, .5);
    background: linear-gradient(180deg, #2f9d6a 0%, #217a52 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 2px 6px rgba(0, 0, 0, .35); }
.mmr-btn.green i { color: #f3fff8 !important; }
.mmr-btn.green:hover, .mmr-decide > .mmr-btn.green:hover { filter: brightness(1.07); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), 0 3px 8px rgba(0, 0, 0, .4); }
/* red */
.mmr-btn.glow-red, .mmr-decide > .mmr-btn.glow-red { color: #fff5f6; border: 1px solid rgba(253, 164, 175, .5); text-shadow: none;
    background: linear-gradient(180deg, #b93a52 0%, #8f2a3f 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22), 0 2px 6px rgba(0, 0, 0, .35); }
.mmr-btn.glow-red i { color: #fff5f6 !important; }
.mmr-btn.glow-red:hover { filter: brightness(1.08); border-color: rgba(254, 205, 211, .65); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), 0 3px 8px rgba(0, 0, 0, .4); }
/* blue: View Offer, Open thread */
.mmr-btn.glow-cyan { color: #f2fbff; border: 1px solid rgba(165, 243, 252, .45); text-shadow: none;
    background: linear-gradient(180deg, #2b84b4 0%, #1c628c 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 2px 6px rgba(0, 0, 0, .35); }
.mmr-btn.glow-cyan i { color: #e0f7ff !important; }
.mmr-btn.glow-cyan:hover { filter: brightness(1.08); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), 0 3px 8px rgba(0, 0, 0, .4); }
/* secondary */
.mmr-btn.ghost { color: #dcecfa; border: 1px solid rgba(98, 183, 242, .42);
    background: linear-gradient(180deg, #153f66 0%, #0e2d4c 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 2px 6px rgba(0, 0, 0, .3); }
.mmr-btn.ghost:hover { color: #fff; border-color: rgba(138, 203, 255, .7); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18), 0 3px 8px rgba(0, 0, 0, .35); }
/* Send a counteroffer */
.mmr-acc[data-acc="counter"] { border: 1px solid rgba(255, 240, 200, .5); background: rgba(6, 22, 42, .94); box-shadow: 0 2px 6px rgba(0, 0, 0, .35); }
.mmr-acc[data-acc="counter"]:hover { box-shadow: 0 3px 8px rgba(0, 0, 0, .4); }
.mmr-acc[data-acc="counter"] > summary { background: linear-gradient(180deg, #ecd39a 0%, #d4b068 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .45); }
/* folds: Version history */
.mmr-acc:not([data-acc="counter"]) { border: 1px solid rgba(98, 183, 242, .34); background: linear-gradient(180deg, #11375a 0%, #0b2744 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 2px 6px rgba(0, 0, 0, .25); }
.mmr-acc:not([data-acc="counter"]) > summary { color: #e4f1fb; }
/* quotes and notes */
.mmr-quote, .mmr-wdnote { color: #f4ecd8; border: 1px solid rgba(244, 217, 149, .34); border-left: 3px solid rgba(244, 217, 149, .7);
    background: linear-gradient(180deg, rgba(244, 217, 149, .12) 0%, rgba(40, 32, 12, .55) 100%);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .22); }
.mmr-wdnote { border-left-width: 1px; }
.mmr-wdnote b, .mmr-wdnote i { color: #ecd39a !important; }
/* tiles, bubbles, inputs: quiet blue glass, thin rim, no halo */
.mmr-term, .mmr-col .mmr-facts div { border: 1px solid rgba(98, 183, 242, .28); background: linear-gradient(180deg, #123a5f 0%, #0b2744 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 2px 5px rgba(0, 0, 0, .22); }
.mmr-term small, .mmr-col .mmr-facts small { color: #9db8d0; }
.mmr-msg { border: 1px solid rgba(98, 183, 242, .3); background: linear-gradient(180deg, #164a76 0%, #0e3157 100%); color: #eef5fc;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .25); }
.mmr-msg.me { border: 1px solid rgba(244, 217, 149, .4); color: #fbf3df;
    background: linear-gradient(180deg, #8a7038 0%, #6a5528 100%);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .25); }
.mmr-msg.me small { color: #ecdcae; }
.mmr-compose textarea.mmr-in { border: 1px solid rgba(98, 183, 242, .5); background: linear-gradient(180deg, #0f3558 0%, #09223d 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08); }
.mmr-compose textarea.mmr-in:focus { border-color: rgba(138, 203, 255, .9); box-shadow: 0 0 0 2px rgba(98, 183, 242, .25); }
.mmr-mailpref { border: 1px solid rgba(98, 183, 242, .3); background: linear-gradient(180deg, #0f3558 0%, #0a2744 100%); box-shadow: 0 2px 5px rgba(0, 0, 0, .22); }
.mmr-col { border-color: rgba(98, 183, 242, .3); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 2px 8px rgba(0, 0, 0, .25); }
.mmr-prop { border-color: rgba(98, 183, 242, .34); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 2px 8px rgba(0, 0, 0, .25); }
.mmr-prop.is-active { border-color: rgba(244, 217, 149, .6); box-shadow: 0 2px 8px rgba(0, 0, 0, .28); }
.mmr-prop.is-selected { border-color: rgba(74, 222, 128, .55); box-shadow: 0 2px 8px rgba(0, 0, 0, .28); }
.mmr-banner, .mmr-banner.amber, .mmr-banner.red, .mmr-check, .mmr-empty { box-shadow: none; }
.mmr-complete, .mmr-complete.done { box-shadow: 0 2px 8px rgba(0, 0, 0, .25); }
.mmr-chip, .mmr-chip.gold, .mmr-chip.green, .mmr-chip.red, .mmr-chip.cyan { box-shadow: none; }
.mmr-switch { box-shadow: none; }
.mmr-switch button.on { box-shadow: 0 2px 6px rgba(0, 0, 0, .3); }
/* version-history tiles and chips */
.mmr-hist .mmr-hrow { border: 1px solid rgba(98, 183, 242, .3); background: linear-gradient(180deg, #123a5f 0%, #0b2744 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 2px 5px rgba(0, 0, 0, .22); }
.mmr-hist .mmr-hrow.me { border-color: rgba(244, 217, 149, .38); background: linear-gradient(180deg, rgba(244, 217, 149, .13) 0%, rgba(40, 32, 12, .55) 100%); box-shadow: 0 2px 5px rgba(0, 0, 0, .22); }
.mmr-hic { background: linear-gradient(180deg, #3c93c4, #2a6f9a); box-shadow: none; }
.mmr-hic i { color: #eaf7ff !important; }
.mmr-hrow.me .mmr-hic { background: linear-gradient(180deg, #d9bd7c, #b99650); }
.mmr-hrow.me .mmr-hic i { color: #2a1d04 !important; }
.mmr-htx small { color: #a9c3da; }
.mmr-hrow.me .mmr-htx small { color: #d9c796; }
.mmr-hst.green { background: rgba(74, 222, 128, .16); border: 1px solid rgba(74, 222, 128, .5); color: #a7f3c4 !important; box-shadow: none; }
.mmr-hst.gold { background: rgba(244, 217, 149, .16); border: 1px solid rgba(244, 217, 149, .5); color: #f1dca2 !important; box-shadow: none; }
.mmr-hst.red { background: rgba(244, 63, 94, .16); border: 1px solid rgba(244, 63, 94, .5); color: #fda4af !important; box-shadow: none; }
.mmr-hst.blue { background: rgba(56, 189, 248, .16); border: 1px solid rgba(56, 189, 248, .5); color: #bae6fd !important; box-shadow: none; }

/* DOCUMENTS & E-SIGNATURE (2026-10-10) — js/hb-esign.js and the
   thread's document cards (js messages / docReqCard / docSentCard). Same calm
   finish as the pass above: quiet blue glass, thin rims, short shadows, gold
   only for the primary action. */
.mmr-msgs { max-height: 380px; }
.mmr-msg.mmr-docmsg, .mmr-msg.mmr-docmsg.me { max-width: 94%; padding: 0; border: none; background: none; box-shadow: none; white-space: normal; }
.mmr-msg.mmr-docmsg > small { margin: 0 4px 4px; }
.mmr-msg.mmr-docmsg.me { align-self: flex-end; }
.mmr-dcard { padding: 12px 13px; border-radius: 14px; border: 1px solid rgba(98, 183, 242, .32);
    background: linear-gradient(180deg, #123a5f 0%, #0b2744 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 2px 6px rgba(0, 0, 0, .25); }
.mmr-msg.mmr-docmsg.me .mmr-dcard { border-color: rgba(244, 217, 149, .38); background: linear-gradient(180deg, rgba(244, 217, 149, .12) 0%, rgba(10, 34, 58, .96) 70%); }
.mmr-dcard.is-closed { opacity: .82; }
.mmr-dtop { display: flex; align-items: flex-start; gap: 10px; }
.mmr-dic { flex: 0 0 auto; width: 34px; height: 34px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 15px;
    background: linear-gradient(180deg, #d9bd7c, #b99650); }
.mmr-dic i { color: #2a1d04 !important; }
.mmr-dic.green { background: linear-gradient(180deg, #3fae7a, #217a52); }
.mmr-dic.green i { color: #f3fff8 !important; }
.mmr-dtt { flex: 1 1 auto; min-width: 0; }
.mmr-dtt small { display: block; color: #9db8d0; font-size: 10.5px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.mmr-dtt b { display: block; color: #F4F7FA; font-size: 14px; line-height: 1.35; overflow-wrap: anywhere; }
.mmr-dtt > span { display: block; color: #a9c3da; font-size: 12px; overflow-wrap: anywhere; }
.mmr-dtop > .mmr-chip { flex: 0 0 auto; }
.mmr-dbody { margin: 9px 0 0; color: #dce8f4; font-size: 13.2px; line-height: 1.5; white-space: pre-wrap; overflow-wrap: anywhere; }
.mmr-dcard .mmr-quote { margin: 8px 0 0; font-size: 12.8px; }
.mmr-dchips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 9px; }
.mmr-dcard .mmr-btns { margin-top: 10px; gap: 8px; }
.mmr-dcard .mmr-btns .mmr-btn { width: auto; flex: 0 1 auto; }
.mmr-dfoot { margin: 8px 0 0; }
.mmr-dsig { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; margin-top: 10px; padding: 8px 10px; border-radius: 10px;
    border: 1px solid rgba(74, 222, 128, .38); background: rgba(74, 222, 128, .08); color: #c9f3da; font-size: 12.5px; }
.mmr-dsig i { color: #7ee2a8 !important; }
.mmr-dsig b { color: #eafff2; }
.mmr-dsig code { margin-left: auto; padding: 2px 8px; border-radius: 6px; background: rgba(2, 12, 24, .55); border: 1px solid rgba(143, 164, 188, .3);
    color: #e2ecf6; font: 700 11.5px/1.4 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; letter-spacing: .05em; }
.mmr-dbar { margin: 0 0 10px; padding: 10px 12px; border-radius: 12px; border: 1px solid rgba(244, 217, 149, .4);
    background: linear-gradient(180deg, rgba(244, 217, 149, .12) 0%, rgba(40, 32, 12, .5) 100%); }
.mmr-dbar p { display: flex; align-items: center; gap: 8px; margin: 0 0 8px; color: #f4ecd8; font-size: 13px; }
.mmr-dbar p i { color: #ecd39a !important; }
.mmr-dbarbtns { display: flex; flex-wrap: wrap; gap: 8px; }
.mmr-dbarbtns .mmr-btn { width: auto; max-width: 100%; white-space: normal; text-align: left; }
.mmr-dsum { display: flex; align-items: center; gap: 7px; margin: 0 0 8px; color: #a9c3da; font-size: 12.5px; font-weight: 700; }
.mmr-dsum i { color: #ecd39a !important; }
.mmr-ctools { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; margin-top: 8px; }
.mmr-ctools .mmr-btn { width: auto; }
.mmr-ctools span { flex: 1 1 200px; color: #8fa4bc; font-size: 12px; line-height: 1.45; }

/* the sheet (send / sign, and the lender's request) */
.mmr-esov { position: fixed; inset: 0; z-index: 2147483645; display: flex; align-items: flex-start; justify-content: center;
    padding: 28px 16px; box-sizing: border-box; overflow-y: auto; background: rgba(2, 8, 18, .8); animation: mmrDlgIn .16s ease-out; }
.mmr-escard { position: relative; width: 640px; max-width: 100%; margin: auto 0; box-sizing: border-box; border-radius: 18px; color: #F4F7FA; text-align: left;
    background: linear-gradient(160deg, #0f2747, #071528); border: 1px solid rgba(244, 217, 149, .4); box-shadow: 0 24px 60px rgba(0, 0, 0, .55); }
.mmr-escard.narrow { width: 560px; }
.mmr-eshead { display: flex; align-items: center; gap: 12px; padding: 18px 58px 14px 20px; border-bottom: 1px solid rgba(143, 164, 188, .18); }
.mmr-esic { flex: 0 0 auto; width: 42px; height: 42px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 18px;
    background: linear-gradient(180deg, #ecd39a, #d4b068); }
.mmr-esic i { color: #2a1d04 !important; }
.mmr-estt { min-width: 0; }
.mmr-estt small { display: flex; align-items: center; gap: 6px; color: #ecd39a; font-size: 10.5px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.mmr-estt small i { font-size: 10px; color: #ecd39a !important; }
.mmr-estt h4 { margin: 3px 0 0; font-size: 18px; font-weight: 800; line-height: 1.3; color: #F4F7FA; overflow-wrap: anywhere; }
.mmr-escard .mmr-inx { top: 16px; right: 16px; }
.mmr-essteps { display: flex; gap: 6px; margin: 0; padding: 12px 20px 0; list-style: none; counter-reset: none; }
.mmr-essteps li { flex: 1 1 0; display: flex; align-items: center; gap: 7px; min-width: 0; padding: 7px 9px; border-radius: 10px; color: #8fa4bc; font-size: 12.5px; font-weight: 700;
    border: 1px solid rgba(98, 183, 242, .2); background: rgba(5, 22, 42, .6); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mmr-essteps li span { flex: 0 0 auto; width: 20px; height: 20px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 11px;
    border: 1px solid rgba(143, 164, 188, .45); color: #cbd5e1; }
.mmr-essteps li.on { color: #F4F7FA; border-color: rgba(244, 217, 149, .5); background: rgba(244, 217, 149, .08); }
.mmr-essteps li.on span { border-color: #ecd39a; background: #ecd39a; color: #2a1d04; }
.mmr-essteps li.done { color: #c9f3da; }
.mmr-essteps li.done span { border-color: rgba(74, 222, 128, .6); background: rgba(74, 222, 128, .18); color: #a7f3c4; }
.mmr-essteps li.done span i { color: #a7f3c4 !important; font-size: 10px; }
.mmr-esbody { padding: 16px 20px 6px; }
.mmr-escard > .mmr-msgline { margin: 0 20px; min-height: 0; }
.mmr-escard > .mmr-msgline:empty { display: none; }
.mmr-esfoot { display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; padding: 14px 20px 18px; }
.mmr-esfoot .mmr-btn { width: auto; flex: 0 1 auto; min-width: 120px; justify-content: center; }
.mmr-esfoot .mmr-btn:last-child { flex: 1 1 220px; max-width: 360px; margin-left: auto; }
.mmr-esreq { margin-bottom: 12px; padding: 12px 14px; border-radius: 12px; border: 1px solid rgba(244, 217, 149, .34);
    background: linear-gradient(180deg, rgba(244, 217, 149, .1) 0%, rgba(40, 32, 12, .45) 100%); }
.mmr-esreq small { display: block; color: #d9c796; font-size: 11.5px; font-weight: 700; }
.mmr-esreq b { display: block; font-size: 15px; color: #fbf3df; }
.mmr-eschips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.mmr-eschips:empty { display: none; }
.mmr-esnote { margin: 8px 0 0; color: #f4ecd8; font-size: 13px; line-height: 1.5; }
.mmr-esdrop { display: flex; flex-direction: column; align-items: center; gap: 4px; margin: 0 0 12px; padding: 22px 16px; border-radius: 14px; cursor: pointer; text-align: center;
    border: 1.5px dashed rgba(98, 183, 242, .5); background: rgba(5, 22, 42, .55); transition: border-color .15s, background-color .15s; }
.mmr-esdrop:hover, .mmr-esdrop:focus-visible, .mmr-esdrop.over { border-color: rgba(244, 217, 149, .75); background: rgba(244, 217, 149, .06); outline: none; }
.mmr-esdrop i { font-size: 24px; color: #8BCBFF !important; margin-bottom: 4px; }
.mmr-esdrop b { color: #F4F7FA; font-size: 14px; }
.mmr-esdrop span { color: #8fa4bc; font-size: 12.5px; }
.mmr-esfile { display: flex; gap: 12px; align-items: center; margin: 0 0 12px; padding: 10px; border-radius: 14px; border: 1px solid rgba(98, 183, 242, .3);
    background: linear-gradient(180deg, #123a5f 0%, #0b2744 100%); }
.mmr-esthumb { flex: 0 0 auto; width: 72px; height: 92px; border-radius: 8px; overflow: hidden; display: flex; align-items: center; justify-content: center;
    background: #fff; border: 1px solid rgba(143, 164, 188, .5); }
.mmr-esthumb canvas { width: 100%; height: auto; display: block; }
.mmr-esthumb i { font-size: 26px; color: #64788f !important; }
.mmr-esfmeta { min-width: 0; display: flex; flex-direction: column; gap: 3px; align-items: flex-start; }
.mmr-esfmeta b { color: #F4F7FA; font-size: 14px; overflow-wrap: anywhere; }
.mmr-esfmeta span { color: #a9c3da; font-size: 12.5px; }
.mmr-esfmeta .mmr-esconv { display: flex; align-items: center; gap: 8px; margin-top: 4px; color: #F4D995; font-size: 12.5px; font-weight: 600; }
.mmr-esfmeta .mmr-esconv .mmr-spin { flex: 0 0 15px; }
.mmr-esfmeta .mmr-esconv span:not(.mmr-spin) { color: #F4D995; }
.mmr-estabs { margin: 2px 0 10px; }
.mmr-estabs button { display: inline-flex; align-items: center; gap: 7px; }
.mmr-espaper { position: relative; height: 190px; border-radius: 12px; overflow: hidden; background: #fbfaf6; border: 1px solid rgba(143, 164, 188, .55);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .12); touch-action: none; }
.mmr-espaper canvas { position: absolute; inset: 0; width: 100%; height: 100%; cursor: crosshair; touch-action: none; z-index: 2; }
.mmr-esline { position: absolute; left: 28px; right: 28px; bottom: 46px; height: 1px; background: #9aa6b4; z-index: 1; }
.mmr-esx { position: absolute; left: 28px; bottom: 50px; color: #9aa6b4; font-size: 20px; line-height: 1; z-index: 1; }
.mmr-eshint { position: absolute; left: 0; right: 0; bottom: 18px; text-align: center; color: #8a96a5; font-size: 12px; z-index: 1; pointer-events: none; }
.mmr-esrow { display: flex; justify-content: flex-end; margin: 6px 2px 0; }
.mmr-esfaces { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.mmr-esface { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; min-height: 96px; padding: 10px 8px; border-radius: 12px; cursor: pointer;
    background: #fbfaf6; border: 1.5px solid rgba(143, 164, 188, .55); color: #0b1f4d; overflow: hidden; }
.mmr-esface span { max-width: 100%; font-size: 30px; line-height: 1.15; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #0b1f4d; }
.mmr-esface small { color: #64788f; font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.mmr-esface.on { border-color: #d4b068; box-shadow: 0 0 0 2px rgba(212, 176, 104, .45); }
.mmr-esview { margin-bottom: 12px; }
.mmr-esvhead { margin-bottom: 8px; }
.mmr-esvhead b { display: block; font-size: 14px; color: #F4F7FA; }
.mmr-esvhead span { color: #8fa4bc; font-size: 12.5px; }
.mmr-espage { position: relative; width: min(100%, 420px); margin: 0 auto; min-height: 200px; border-radius: 10px; overflow: hidden; background: #fff; border: 1px solid rgba(143, 164, 188, .5);
    cursor: copy; touch-action: none; user-select: none; -webkit-user-select: none; }
.mmr-espage canvas { display: block; max-width: 100%; }
.mmr-espage > .mmr-spin { position: absolute; left: 50%; top: 50%; margin: -9px 0 0 -9px; }
.mmr-esbox { position: absolute; cursor: move; border: 1.5px dashed #b99650; border-radius: 4px; background: rgba(236, 211, 154, .14); }
.mmr-esbox img { width: 100%; height: 100%; object-fit: contain; display: block; pointer-events: none; }
.mmr-esnav { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 8px; color: #cbd5e1; font-size: 12.5px; font-weight: 700; }
.mmr-esnav .mmr-btn { width: auto; min-width: 34px; padding-left: 10px; padding-right: 10px; }
.mmr-essize { display: inline-flex; align-items: center; gap: 6px; margin-left: auto; }
.mmr-essum { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-bottom: 12px; }
.mmr-essum div { padding: 9px 11px; border-radius: 11px; border: 1px solid rgba(98, 183, 242, .28); background: linear-gradient(180deg, #123a5f 0%, #0b2744 100%); min-width: 0; }
.mmr-essum small { display: block; color: #9db8d0; font-size: 11px; font-weight: 700; }
.mmr-essum b { display: block; color: #F4F7FA; font-size: 13.5px; overflow-wrap: anywhere; }
.mmr-esdone { padding: 30px 22px 6px; text-align: center; }
.mmr-esdic { width: 58px; height: 58px; margin: 0 auto 12px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 26px;
    background: linear-gradient(180deg, #3fae7a, #217a52); }
.mmr-esdic i { color: #f3fff8 !important; }
.mmr-esdone h4 { margin: 0 0 6px; font-size: 20px; font-weight: 800; color: #F4F7FA; }
.mmr-esdone p { margin: 0 0 14px; color: #c4d2df; font-size: 14px; }
.mmr-esenv { display: inline-flex; flex-direction: column; gap: 2px; padding: 10px 18px; border-radius: 12px; border: 1px solid rgba(143, 164, 188, .3); background: rgba(2, 12, 24, .5); }
.mmr-esenv small { color: #8fa4bc; font-size: 10.5px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.mmr-esenv b { font: 700 17px/1.3 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; letter-spacing: .06em; color: #F4F7FA; }
.mmr-esenv span { color: #a9c3da; font-size: 12px; }
.mmr-esdone .mmr-esfoot { justify-content: center; padding-top: 18px; }
.mmr-esdone .mmr-esfoot .mmr-btn:last-child { margin-left: 0; }
.mmr-autotag { display: inline-block; margin-left: 6px; padding: 1px 8px; border-radius: 20px; font-size: 10.5px; font-weight: 800; letter-spacing: .04em;
    color: #ecd39a; border: 1px solid rgba(244, 217, 149, .4); background: rgba(244, 217, 149, .08); vertical-align: 1px; }
.mmr-esbody .mmr-f label .mmr-link { font-size: 12px; margin-left: 6px; }
@media (max-width: 600px) {
    .mmr-esov { padding: 0; }
    .mmr-escard, .mmr-escard.narrow { border-radius: 0; min-height: 100%; border-left: none; border-right: none; }
    .mmr-eshead { padding: 14px 54px 12px 16px; }
    .mmr-esic { display: none; }
    .mmr-essteps { padding: 10px 16px 0; }
    .mmr-essteps li { font-size: 0; justify-content: center; padding: 6px; }
    .mmr-essteps li.on { font-size: 12px; flex: 2 1 0; }
    .mmr-esbody { padding: 14px 16px 6px; }
    .mmr-esfoot { padding: 12px 16px 22px; }
    .mmr-esfoot .mmr-btn { flex: 1 1 auto; }
    .mmr-esfoot .mmr-btn:last-child { max-width: none; }
    .mmr-esfaces { grid-template-columns: minmax(0, 1fr); }
    .mmr-esface { min-height: 72px; }
    .mmr-essum { grid-template-columns: minmax(0, 1fr); }
    .mmr-dsig code { margin-left: 0; }
}

/* THE HOME BEING BOUGHT (2026-10-10) — js propertyBlock / openFindProperty.
   Same calm finish: blue glass tiles, thin rims, gold only for the action. */
.mmr-propcard { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 12px; align-items: center; padding: 10px; border-radius: 14px;
    border: 1px solid rgba(98, 183, 242, .32); background: linear-gradient(180deg, #123a5f 0%, #0b2744 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 2px 6px rgba(0, 0, 0, .25); }
.mmr-propcard > img, .mmr-propcard > .mmr-propph { width: 96px; height: 76px; border-radius: 10px; object-fit: cover; display: block; }
.mmr-propph { display: flex; align-items: center; justify-content: center; background: rgba(5, 22, 42, .7); border: 1px solid rgba(143, 164, 188, .3); }
.mmr-propph i { font-size: 22px; color: #8BCBFF !important; }
.mmr-propin { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.mmr-propin small { color: #ecd39a; font-size: 10.5px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.mmr-propin b { color: #F4F7FA; font-size: 15px; line-height: 1.3; overflow-wrap: anywhere; }
.mmr-propin > span { color: #a9c3da; font-size: 12.5px; }
.mmr-propst { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 5px; }
.mmr-propbtns { margin-top: 10px; gap: 8px; }
.mmr-propbtns .mmr-btn { width: auto; flex: 0 1 auto; }
.mmr-propfind { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 12px; padding: 12px; border-radius: 14px;
    border: 1px solid rgba(244, 217, 149, .38); background: linear-gradient(180deg, rgba(244, 217, 149, .1) 0%, rgba(10, 34, 58, .9) 100%); }
.mmr-propfind > div { flex: 1 1 220px; min-width: 0; }
.mmr-propfind b { display: block; color: #F4F7FA; font-size: 14.5px; }
.mmr-propfind span:not(.mmr-propic) { color: #c4d2df; font-size: 12.8px; line-height: 1.5; }
.mmr-propfind .mmr-btn { width: auto; flex: 0 0 auto; }
.mmr-propic { flex: 0 0 auto; width: 38px; height: 38px; border-radius: 11px; display: flex; align-items: center; justify-content: center;
    background: linear-gradient(180deg, #ecd39a, #d4b068); }
.mmr-propic i { color: #2a1d04 !important; font-size: 16px; }

/* the modal */
.mmr-fptabs { margin: 0 0 12px; }
.mmr-fptabs button { display: inline-flex; align-items: center; gap: 7px; }
.mmr-fpsearch { position: relative; margin-bottom: 10px; }
.mmr-fpsearch > i { position: absolute; left: 13px; top: 50%; transform: translateY(-50%); color: #8fa4bc !important; font-size: 13px; pointer-events: none; z-index: 1; }
.mmr-fpsearch .mmr-in { padding-left: 36px; }
.mmr-fplist { display: flex; flex-direction: column; gap: 8px; max-height: min(52vh, 460px); overflow-y: auto; padding: 2px; overscroll-behavior: contain; }
.mmr-fplist.is-loading { opacity: .6; }
.mmr-fplist .mmr-empty { margin: 6px 0; }
.mmr-fpcard { position: relative; display: grid; grid-template-columns: 88px minmax(0, 1fr) auto; gap: 12px; align-items: center; width: 100%; padding: 8px 10px 8px 8px;
    text-align: left; cursor: pointer; border-radius: 12px; color: inherit; font: inherit;
    border: 1px solid rgba(98, 183, 242, .28); background: linear-gradient(180deg, #123a5f 0%, #0b2744 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06); transition: border-color .15s, transform .15s; }
.mmr-fpcard:hover, .mmr-fpcard:focus-visible { border-color: rgba(244, 217, 149, .6); outline: none; }
.mmr-fpcard > img, .mmr-fpcard > .mmr-propph { width: 88px; height: 66px; border-radius: 9px; object-fit: cover; display: block; }
.mmr-fpcard.big { grid-template-columns: 132px minmax(0, 1fr); cursor: default; padding: 10px; border-color: rgba(244, 217, 149, .5); }
.mmr-fpcard.big > img, .mmr-fpcard.big > .mmr-propph { width: 132px; height: 98px; }
.mmr-fpin { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.mmr-fpin b { color: #ecd39a; font-size: 15px; }
.mmr-fpin .t { color: #F4F7FA; font-size: 13.5px; font-weight: 700; line-height: 1.3; overflow-wrap: anywhere; }
.mmr-fpin .s { color: #a9c3da; font-size: 12px; }
.mmr-fpin .c { color: #8fa4bc; font-size: 11.5px; margin-top: 2px; }
.mmr-fpin .c i { color: #8BCBFF !important; margin-right: 3px; }
.mmr-fpgo { color: #8fa4bc !important; font-size: 13px; }
.mmr-fpback { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; margin: 8px 2px 12px; }
.mmr-fpback a.mmr-link { text-decoration: none; }
.mmr-fpnext { list-style: none; margin: 4px 0 6px; padding: 12px; border-radius: 12px; display: flex; flex-direction: column; gap: 8px;
    border: 1px solid rgba(98, 183, 242, .24); background: rgba(5, 22, 42, .5); }
.mmr-fpnext li { display: flex; gap: 10px; align-items: flex-start; color: #c4d2df; font-size: 13px; line-height: 1.45; }
.mmr-fpnext li i { width: 16px; margin-top: 2px; text-align: center; color: #ecd39a !important; }
.mmr-fpnext li b { color: #F4F7FA; }
@media (max-width: 600px) {
    .mmr-propcard { grid-template-columns: 76px minmax(0, 1fr); }
    .mmr-propcard > img, .mmr-propcard > .mmr-propph { width: 76px; height: 64px; }
    .mmr-fpcard { grid-template-columns: 72px minmax(0, 1fr) auto; }
    .mmr-fpcard > img, .mmr-fpcard > .mmr-propph { width: 72px; height: 58px; }
    .mmr-fpcard.big { grid-template-columns: 96px minmax(0, 1fr); }
    .mmr-fpcard.big > img, .mmr-fpcard.big > .mmr-propph { width: 96px; height: 76px; }
    .mmr-fplist { max-height: none; }
}

/* THE THREAD'S HEADER and the lender's request sheet (2026-10-10, owner:
   "highlight this properly with a proper header", "the modal is too small") */
.mmr-pmhead { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 12px; margin: 18px 0 10px; padding: 12px 14px; border-radius: 14px;
    border: 1px solid rgba(244, 217, 149, .4); background: linear-gradient(180deg, rgba(244, 217, 149, .12) 0%, rgba(10, 34, 58, .92) 100%);
    box-shadow: inset 0 1px 0 rgba(255, 240, 200, .1), 0 2px 6px rgba(0, 0, 0, .25); }
.mmr-pmic { flex: 0 0 auto; width: 40px; height: 40px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 17px;
    background: linear-gradient(180deg, #ecd39a, #d4b068); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .45); }
.mmr-pmic i { color: #2a1d04 !important; }
.mmr-pmtt { flex: 1 1 200px; min-width: 0; }
.mmr-pmtt b { display: block; color: #F4F7FA; font-size: 15.5px; font-weight: 800; line-height: 1.3; letter-spacing: .01em; }
.mmr-pmtt span { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; margin-top: 3px; color: #a9c3da; font-size: 12.3px; }
.mmr-pmtt span > i { font-size: 10.5px; color: #ecd39a !important; }
.mmr-pmsig { display: inline-flex; align-items: center; gap: 5px; padding: 1px 8px; border-radius: 20px; font-style: normal; font-size: 11px; font-weight: 800;
    color: #a7f3c4; border: 1px solid rgba(74, 222, 128, .45); background: rgba(74, 222, 128, .1); }
.mmr-pmsig i { font-size: 10px; color: #a7f3c4 !important; }
.mmr-pmhead > .mmr-chip { flex: 0 0 auto; }
.mmr-escard.mmr-drcard { width: 680px; }
.mmr-drcard .mmr-esbody { padding-top: 18px; }
.mmr-drcard .mmr-drdue { max-width: 280px; }
.mmr-drcard textarea.mmr-in { resize: vertical; line-height: 1.55; overflow-y: auto; }
.mmr-drcard textarea.mmr-drmsg { min-height: 136px; font-size: 14px; }
.mmr-drcard textarea.mmr-drnote { min-height: 64px; }
.mmr-drcard .mmr-check { margin-bottom: 12px; }
@media (max-width: 600px) { .mmr-drcard .mmr-drdue { max-width: none; } .mmr-pmhead { padding: 11px 12px; } .mmr-pmtt b { font-size: 14.5px; } }

/* SHEET FOOTERS (2026-10-10, owner: "fix this button alignment"): one line
   each, the same height, Cancel compact and the action taking the rest of the
   row; stacked with the action on top on a phone. */
.mmr-esfoot { flex-wrap: nowrap; align-items: stretch; gap: 12px; }
.mmr-esfoot .mmr-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; margin: 0;
    padding: 10px 18px; white-space: nowrap; line-height: 1.2; font-size: 14.5px; }
.mmr-esfoot .mmr-btn:first-child { flex: 0 0 auto; min-width: 112px; }
.mmr-esfoot .mmr-btn:last-child:not(:first-child) { flex: 1 1 auto; min-width: 0; max-width: none; margin-left: 0; }
.mmr-esfoot .mmr-btn i { flex: 0 0 auto; }
.mmr-esdone .mmr-esfoot .mmr-btn:last-child:not(:first-child) { flex: 0 1 200px; }
@media (max-width: 600px) {
    .mmr-esfoot { flex-direction: column-reverse; gap: 10px; }
    .mmr-esfoot .mmr-btn, .mmr-esfoot .mmr-btn:first-child, .mmr-esfoot .mmr-btn:last-child:not(:first-child),
    .mmr-esdone .mmr-esfoot .mmr-btn:last-child:not(:first-child) { flex: 0 0 auto; width: 100%; }
}

/* the request card's header in a narrow column (2026-10-10): one-line label,
   the title free to use the width, the state chip under it */
.mmr-dtt small { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mmr-dtt b { overflow-wrap: break-word; word-break: normal; }
.mmr-dstate { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
.mmr-dstate .mmr-chip { font-size: 11.5px; padding: 3px 10px; }
.mmr-dstate .mmr-chip i { font-size: 10px; }


/* THE SIGN PROMPT IN THE NORMAL DEAL ROOM (2026-10-12) — js/hb-esign.js mode
   'gate': the question, the choices, who signs in what order. Same calm
   finish: quiet blue glass, thin rims, gold only for the chosen option. */
.mmr-esq { margin: 14px 0 8px; color: #F4F7FA; font-size: 15px; font-weight: 800; }
.mmr-eschoices { display: flex; flex-direction: column; gap: 8px; }
.mmr-eschoice { position: relative; display: grid; grid-template-columns: 40px minmax(0, 1fr) 20px; gap: 12px; align-items: center; padding: 11px 12px; border-radius: 13px; cursor: pointer;
    border: 1px solid rgba(98, 183, 242, .3); background: linear-gradient(180deg, #123a5f 0%, #0b2744 100%); transition: border-color .15s, background-color .15s; }
.mmr-eschoice:hover { border-color: rgba(244, 217, 149, .55); }
.mmr-eschoice input { position: absolute; opacity: 0; pointer-events: none; }
.mmr-eschoice:focus-within { border-color: rgba(244, 217, 149, .8); box-shadow: 0 0 0 2px rgba(244, 217, 149, .22); }
.mmr-eschoice.on { border-color: rgba(244, 217, 149, .75); background: linear-gradient(180deg, rgba(244, 217, 149, .16) 0%, rgba(10, 34, 58, .96) 85%); }
.mmr-eschoice.off { opacity: .45; cursor: not-allowed; }
.mmr-eschic { width: 40px; height: 40px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 16px; background: rgba(5, 22, 42, .6); border: 1px solid rgba(98, 183, 242, .3); }
.mmr-eschic i { color: #8BCBFF !important; }
.mmr-eschoice.on .mmr-eschic { background: linear-gradient(180deg, #ecd39a, #d4b068); border-color: transparent; }
.mmr-eschoice.on .mmr-eschic i { color: #2a1d04 !important; }
.mmr-esch { min-width: 0; }
.mmr-esch b { display: block; color: #F4F7FA; font-size: 14px; line-height: 1.35; }
.mmr-esch small { display: block; margin-top: 2px; color: #a9c3da; font-size: 12.3px; line-height: 1.4; }
.mmr-eschk { font-size: 17px; opacity: 0; color: #ecd39a !important; }
.mmr-eschoice.on .mmr-eschk { opacity: 1; }
.mmr-eswho { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; gap: 11px; align-items: center; margin-bottom: 8px; padding: 9px 11px; border-radius: 12px;
    border: 1px solid rgba(98, 183, 242, .26); background: linear-gradient(180deg, #123a5f 0%, #0b2744 100%); }
.mmr-eswho.on, .mmr-eswho.me { border-color: rgba(244, 217, 149, .5); background: linear-gradient(180deg, rgba(244, 217, 149, .12) 0%, rgba(10, 34, 58, .94) 85%); }
.mmr-esnum { width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 800;
    color: #cbd5e1; border: 1px solid rgba(143, 164, 188, .45); background: rgba(5, 22, 42, .6); }
.mmr-eswho.on .mmr-esnum, .mmr-eswho.me .mmr-esnum { color: #2a1d04; background: #ecd39a; border-color: #ecd39a; }
.mmr-esnum i { font-size: 12px; }
.mmr-eswn { min-width: 0; }
.mmr-eswn b { display: block; color: #F4F7FA; font-size: 13.8px; overflow-wrap: anywhere; }
.mmr-eswn small { display: block; color: #a9c3da; font-size: 12px; }
.mmr-esmv { display: inline-flex; gap: 5px; }
.mmr-iconbtn { width: 30px; height: 30px; border-radius: 9px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; font-size: 12px;
    color: #dcecfa; border: 1px solid rgba(98, 183, 242, .4); background: linear-gradient(180deg, #153f66 0%, #0e2d4c 100%); }
.mmr-iconbtn:hover:not(:disabled) { border-color: rgba(138, 203, 255, .75); color: #fff; }
.mmr-iconbtn:disabled { opacity: .35; cursor: default; }
.mmr-iconbtn.red:hover:not(:disabled) { border-color: rgba(253, 164, 175, .8); color: #fda4af; }
.mmr-iconbtn i { color: inherit !important; }
.mmr-eswho .mmr-btn.sm { width: auto; }
@media (max-width: 600px) {
    .mmr-eschoice { grid-template-columns: 34px minmax(0, 1fr) 18px; gap: 10px; padding: 10px; }
    .mmr-eschic { width: 34px; height: 34px; font-size: 14px; }
}
/* Print, sign & upload (paper mode of the e-signature sheet) */
.mmr-espsteps { list-style: none; margin: 0 0 14px; padding: 0; display: grid; gap: 8px; }
.mmr-espsteps li { display: flex; gap: 12px; align-items: flex-start; padding: 10px 12px; border-radius: 12px; border: 1px solid rgba(98, 183, 242, .22); background: rgba(5, 22, 42, .55); }
.mmr-espn { flex: 0 0 26px; width: 26px; height: 26px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 800; color: #2a1d04; background: linear-gradient(180deg, #F4D995, #D9A93A); }
.mmr-espsteps b { display: block; color: #F4F7FA; font-size: 14px; }
.mmr-espsteps small { display: block; margin-top: 2px; color: #a9c3da; font-size: 12.5px; line-height: 1.45; }
.mmr-espsteps small a { color: #F4D995; font-weight: 700; text-decoration: underline; text-underline-offset: 2px; }
.mmr-esplist { list-style: none; margin: 0 0 8px; padding: 0; display: grid; gap: 6px; }
.mmr-esplist li { display: flex; align-items: center; gap: 10px; padding: 7px 8px 7px 12px; border-radius: 10px; border: 1px solid rgba(98, 183, 242, .22); background: rgba(5, 22, 42, .5); color: #dbe7f3; font-size: 13px; }
.mmr-esplist li > i { color: #8BCBFF !important; flex: 0 0 auto; }
.mmr-esplist li > span { flex: 1 1 auto; min-width: 0; overflow-wrap: anywhere; }
.mmr-esplist li em { font-style: normal; color: #8fa4bc; font-size: 12px; margin-left: 4px; }
.mmr-espx { flex: 0 0 auto; width: 30px; height: 30px; border-radius: 50%; border: 1px solid rgba(98, 183, 242, .3); background: transparent; color: #a9c3da; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.mmr-espx:hover { color: #fff; border-color: rgba(98, 183, 242, .7); }
.mmr-espx i { color: inherit !important; }
.mmr-esprow { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin: 2px 2px 4px; flex-wrap: wrap; }
.mmr-esprow .mmr-link { display: inline-flex; align-items: center; gap: 6px; }
/* Word to PDF: what is happening and why, with progress */
.mmr-esconvp { margin: 0 0 12px; padding: 14px 14px 12px; border-radius: 14px; border: 1px solid rgba(244, 217, 149, .38);
  background: linear-gradient(180deg, rgba(244, 217, 149, .09), rgba(5, 22, 42, .6)); }
.mmr-esconvh { display: flex; align-items: center; gap: 9px; margin: 0 0 6px; }
.mmr-esconvh i { color: #8BCBFF !important; font-size: 17px; }
.mmr-esconvh b { color: #F4F7FA; font-size: 14.5px; }
.mmr-esconvp > p { margin: 0 0 11px; color: #c4d2df; font-size: 12.8px; line-height: 1.5; }
.mmr-esbar { position: relative; height: 8px; border-radius: 99px; overflow: hidden; background: rgba(143, 164, 188, .22); }
.mmr-esbar > i { display: block; height: 100%; border-radius: 99px; background: linear-gradient(90deg, #F4D995, #D9A93A); transition: width .35s ease; }
.mmr-esbar.ind > i { position: absolute; left: 0; width: 40% !important; animation: mmrConvInd 1.3s ease-in-out infinite; transition: none; }
@keyframes mmrConvInd { 0% { left: -40%; } 100% { left: 100%; } }
.mmr-esstages { list-style: none; margin: 11px 0 8px; padding: 0; display: grid; gap: 6px; }
.mmr-esstages li { display: flex; align-items: center; gap: 9px; color: #7f93aa; font-size: 12.8px; }
.mmr-esstages li.on { color: #F4F7FA; font-weight: 700; }
.mmr-esstages li.done { color: #a9c3da; }
.mmr-esst { flex: 0 0 18px; width: 18px; height: 18px; border-radius: 50%; border: 1.5px solid rgba(143, 164, 188, .4); display: inline-flex; align-items: center; justify-content: center; font-size: 10px; }
.mmr-esstages li.on .mmr-esst { border-color: transparent; }
.mmr-esstages li.done .mmr-esst { border-color: transparent; background: #2f9e6b; color: #fff; }
.mmr-esstages li.done .mmr-esst i { color: #fff !important; }
.mmr-esstages .mmr-spin { width: 14px; height: 14px; vertical-align: 0; }
.mmr-esconvp > small { display: block; color: #8fa4bc; font-size: 12px; }
@media (prefers-reduced-motion: reduce) { .mmr-esbar.ind > i { animation: none; left: 30%; } .mmr-esbar > i { transition: none; } }

/* THE E-SIGNATURE SHEET, REDESIGNED (2026-10-13, signing review) — js/hb-esign.js.
   HOUSBE | E-SIGNATURE header with the document title under it; a stepper of
   numbered circles joined by lines; "Who needs to sign?" as four cards in a
   2 x 2 grid; a large white drawing area; and a review with the document in a
   dark frame, a toolbar (pages, zoom, Download original PDF), the signature
   field drawn on the page, a short consent and the audit notice. The
   Electronic Records & Signature Disclosure and the audit details open as
   their own dialogs over the sheet. */
.mmr-escard { width: 600px; border-color: rgba(98, 183, 242, .45); background: linear-gradient(170deg, #0e2446 0%, #081a33 60%, #061428 100%); }
.mmr-eshead { padding: 18px 60px 0 22px; border-bottom: none; gap: 0; }
.mmr-esbrand { display: flex; align-items: center; gap: 12px; min-width: 0; }
.mmr-esbrand b { color: #F4F7FA; font-size: 19px; font-weight: 800; letter-spacing: .14em; line-height: 1; }
.mmr-esbrand span { display: inline-flex; align-items: center; gap: 6px; padding-left: 12px; border-left: 1px solid rgba(143, 164, 188, .45);
    color: #9ec9ee; font-size: 11px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mmr-esbrand span i { font-size: 10px; color: inherit !important; }
.mmr-estitle { margin: 14px 22px 0; text-align: center; color: #F4F7FA; font-size: 21px; font-weight: 800; line-height: 1.3; overflow-wrap: anywhere; }

/* the stepper */
.mmr-essteps { display: flex; align-items: center; gap: 0; margin: 0; padding: 16px 22px 4px; }
.mmr-essteps li { flex: 0 0 auto; display: flex; align-items: center; gap: 8px; min-width: 0; padding: 0; border: none; background: none; border-radius: 0;
    color: #8fa4bc; font-size: 13px; font-weight: 700; white-space: nowrap; overflow: visible; }
.mmr-essteps li:not(:last-child) { flex: 1 1 auto; }
.mmr-essteps li:last-child { flex: 0 0 auto; }
.mmr-essteps li:not(:last-child)::after { content: ""; flex: 1 1 auto; min-width: 14px; height: 1px; margin: 0 10px; background: rgba(143, 164, 188, .4); }
.mmr-essteps li em { flex: 0 0 auto; font-style: normal; }
.mmr-essteps li span { flex: 0 0 auto; width: 26px; height: 26px; font-size: 12.5px; font-weight: 800; border: 1.5px solid rgba(143, 164, 188, .55); color: #cbd5e1; background: transparent; }
.mmr-essteps li.on { color: #F4D995; border: none; background: none; }
.mmr-essteps li.on span { border-color: #F4D995; background: #F4D995; color: #1c1405; box-shadow: 0 0 12px rgba(244, 217, 149, .35); }
.mmr-essteps li.done { color: #c4d2df; }
.mmr-essteps li.done span { border-color: rgba(203, 213, 225, .75); background: transparent; color: #e2e8f0; }
.mmr-essteps li.done span i { color: #e2e8f0 !important; font-size: 11px; }
.mmr-essteps li.done::after { background: rgba(203, 213, 225, .55); }
.mmr-esbody { padding: 16px 22px 6px; }

/* the file */
.mmr-esfile { padding: 12px 14px; border-color: rgba(98, 183, 242, .35); background: rgba(10, 30, 56, .7); }
.mmr-esthumb { width: 52px; height: 66px; border-radius: 6px; }

/* who needs to sign: four cards */
.mmr-esq { margin: 16px 0 10px; font-size: 16px; }
.mmr-esopts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.mmr-esopt { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 4px; min-height: 148px; padding: 16px 16px 14px; border-radius: 12px; cursor: pointer;
    border: 1px solid rgba(98, 183, 242, .32); background: rgba(10, 30, 56, .72); transition: border-color .15s, background-color .15s, box-shadow .15s; }
.mmr-esopt:hover { border-color: rgba(244, 217, 149, .55); }
.mmr-esopt input { position: absolute; opacity: 0; pointer-events: none; }
.mmr-esopt:focus-within { box-shadow: 0 0 0 2px rgba(244, 217, 149, .35); }
.mmr-esopt.on { border: 1.5px solid #F4D995; background: linear-gradient(180deg, rgba(244, 217, 149, .2) 0%, rgba(60, 46, 14, .55) 100%); box-shadow: 0 0 18px rgba(244, 217, 149, .16); }
.mmr-esopt.off { opacity: .45; cursor: not-allowed; }
.mmr-esoic { display: flex; align-items: center; justify-content: flex-start; height: 34px; margin-bottom: 8px; font-size: 26px; }
.mmr-esoic i { color: #e2ecf6 !important; }
.mmr-esopt.on .mmr-esoic i { color: #F4D995 !important; }
.mmr-esradio { position: absolute; top: 16px; right: 16px; width: 18px; height: 18px; border-radius: 50%; border: 1.5px solid rgba(203, 213, 225, .7); }
.mmr-esopt.on .mmr-esradio { border-color: #F4D995; box-shadow: inset 0 0 0 3px #2b230f, inset 0 0 0 9px #F4D995; }
.mmr-esopt b { color: #F4F7FA; font-size: 15px; line-height: 1.3; }
.mmr-esopt small { color: #a9c3da; font-size: 12.5px; line-height: 1.45; }

/* the signature */
.mmr-esfh { display: block; margin: 6px 2px 0; color: #8fa4bc; font-size: 12px; line-height: 1.45; }
.mmr-esfh.warn { color: #ffd894; }
.mmr-esbehalf { margin: 4px 0 10px; }
.mmr-esgrid2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.mmr-estabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; margin: 6px 0 12px; padding: 0; border-radius: 10px; overflow: hidden;
    border: 1px solid rgba(98, 183, 242, .35); background: rgba(10, 30, 56, .7); }
.mmr-estabs button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 46px; border: none; border-radius: 0; cursor: pointer;
    background: transparent; color: #cbd5e1; font-size: 14.5px; font-weight: 700; }
.mmr-estabs button.on { color: #1c1405; background: linear-gradient(180deg, #F8E2A4, #E9C66F); }
.mmr-estabs button i { color: inherit !important; }
.mmr-estabs button:focus-visible { outline: 2px solid #8BCBFF; outline-offset: -3px; }
.mmr-espaper { height: 230px; border-radius: 6px; background: #fff; border-color: rgba(203, 213, 225, .7); }
.mmr-esrow { justify-content: flex-start; }
.mmr-esnote2 { margin-top: 12px; }

/* the review: the document in a dark frame */
.mmr-esvhead span { display: block; margin-top: 2px; line-height: 1.45; }
.mmr-esdoc { border-radius: 10px; overflow: hidden; border: 1px solid rgba(98, 183, 242, .35); background: #0a1a30; }
.mmr-esscroll { max-height: min(56vh, 560px); overflow: auto; scrollbar-gutter: stable; padding: 12px; background: #13253f; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; }
.mmr-espage { width: auto; min-height: 220px; margin: 0 auto; border-radius: 2px; border: none; box-shadow: 0 4px 18px rgba(0, 0, 0, .45); cursor: default; touch-action: pan-x pan-y; }
.mmr-espage.can { cursor: copy; }
.mmr-espage canvas { max-width: none; }
.mmr-estool { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; padding: 8px 12px; border-top: 1px solid rgba(98, 183, 242, .25); background: #0b1d36; }
.mmr-estgrp { display: inline-flex; align-items: center; gap: 4px; }
.mmr-estgrp + .mmr-estgrp { padding-left: 14px; border-left: 1px solid rgba(143, 164, 188, .3); }
.mmr-estb { width: 30px; height: 30px; display: inline-flex; align-items: center; justify-content: center; border: none; border-radius: 8px; cursor: pointer;
    background: transparent; color: #dbe7f3; font-size: 12px; }
.mmr-estb:hover:not(:disabled) { background: rgba(98, 183, 242, .16); color: #fff; }
.mmr-estb:disabled { opacity: .35; cursor: default; }
.mmr-estb i { color: inherit !important; }
.mmr-estb:focus-visible, .mmr-estdl:focus-visible { outline: 2px solid #8BCBFF; outline-offset: 1px; }
.mmr-estpg { color: #dbe7f3; font-size: 12.5px; font-weight: 700; padding: 0 4px; white-space: nowrap; }
.mmr-estpct { min-width: 44px; text-align: center; color: #dbe7f3; font-size: 12.5px; font-weight: 700; }
.mmr-estdl { margin-left: auto; display: inline-flex; align-items: center; gap: 7px; padding: 6px 8px; border: none; border-radius: 8px; cursor: pointer;
    background: transparent; color: #cfe6fb; font-size: 12.5px; font-weight: 700; white-space: nowrap; }
.mmr-estdl:hover { background: rgba(98, 183, 242, .16); color: #fff; }
.mmr-estdl i { color: inherit !important; }

/* the signature field on the page */
.mmr-esbox { border: 1.5px dashed #c99a2e; border-radius: 3px; background: rgba(255, 251, 238, .78); box-shadow: 0 0 0 3px rgba(244, 217, 149, .22); touch-action: none; overflow: hidden;
    font-family: Helvetica, Arial, sans-serif; line-height: 1; }
.mmr-esbox.bad { border-color: #dc2626; background: rgba(254, 226, 226, .78); box-shadow: 0 0 0 3px rgba(220, 38, 38, .25); }
.mmr-esbox > * { pointer-events: none; }
.mmr-esbox .sg { position: absolute; left: 0; right: 0; top: 0; display: flex; align-items: flex-end; }
.mmr-esbox .sg img { width: auto; height: auto; max-width: 100%; max-height: calc(100% - 2px); object-fit: contain; }
.mmr-esbox .ln { position: absolute; left: 0; right: 0; height: 1px; background: #737f91; }
.mmr-esbox .nm, .mmr-esbox .dt, .mmr-esbox .co, .mmr-esbox .ev { position: absolute; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1; }
.mmr-esbox .nm { left: 0; right: 42%; color: #0b1b2e; font-weight: 700; }
.mmr-esbox .dt { right: 0; color: #475569; }
.mmr-esbox .co { left: 0; right: 0; color: #0b1b2e; }
.mmr-esbox .ev { left: 0; right: 0; color: #64748b; }
.mmr-espst { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; margin: 10px 0 0; padding: 9px 12px; border-radius: 10px;
    border: 1px solid rgba(98, 183, 242, .25); background: rgba(10, 30, 56, .6); color: #c4d2df; font-size: 12.8px; line-height: 1.45; }
.mmr-espst > i { color: #8BCBFF !important; }
.mmr-espst > span:first-of-type { flex: 1 1 220px; min-width: 0; }
.mmr-espst.ok > i { color: #F4D995 !important; }
.mmr-espst.bad { border-color: rgba(248, 113, 113, .6); background: rgba(127, 29, 29, .28); color: #fecaca; }
.mmr-espst.bad > i { color: #fca5a5 !important; }
.mmr-espst .mmr-link { font-size: 12.8px; }
.mmr-esptools { display: inline-flex; align-items: center; gap: 4px; margin-left: auto; }
.mmr-esptools .mmr-link { margin-left: 6px; }

/* the summary, the consent and the audit notice */
.mmr-essum { display: block; margin: 14px 0 12px; padding: 10px 14px; border-radius: 10px; border: 1px solid rgba(98, 183, 242, .3); background: rgba(10, 30, 56, .6); }
.mmr-essum > div { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 12px; padding: 5px 0; border: none; background: none; border-radius: 0; }
.mmr-essum dt { color: #a9c3da; font-size: 13px; }
.mmr-essum dd { margin: 0; color: #F4F7FA; font-size: 13.5px; font-weight: 600; overflow-wrap: anywhere; }
.mmr-esconsent { margin-bottom: 8px; }
.mmr-esconsent input { width: 19px; height: 19px; }
.mmr-esconsent span b { display: block; font-size: 13.5px; line-height: 1.45; }
.mmr-esconsent span small { display: block; margin-top: 3px; color: #a9c3da; font-size: 12.3px; line-height: 1.5; }
.mmr-esconsent span a { color: #8BCBFF; font-weight: 600; text-decoration: underline; text-underline-offset: 2px; white-space: normal; }
.mmr-esaudit { display: flex; align-items: flex-start; gap: 8px; margin: 4px 2px 6px; color: #a9c3da; font-size: 12.5px; line-height: 1.5; }
.mmr-esaudit > i { margin-top: 3px; color: #8fa4bc !important; }
.mmr-esaudit .mmr-link { font-size: 12.5px; text-decoration: underline; text-underline-offset: 2px; }

/* the disclosure and audit dialogs, over the sheet */
.mmr-essub { position: fixed; inset: 0; z-index: 2147483646; display: flex; align-items: center; justify-content: center; padding: 24px 16px; box-sizing: border-box;
    background: rgba(2, 8, 18, .72); animation: mmrDlgIn .14s ease-out; }
.mmr-essubcard { position: relative; width: 600px; max-width: 100%; max-height: calc(100vh - 48px); display: flex; flex-direction: column; box-sizing: border-box;
    padding: 20px 24px 20px; border-radius: 16px; color: #F4F7FA; text-align: left; border: 1px solid rgba(98, 183, 242, .5);
    background: linear-gradient(170deg, #0e2446 0%, #071528 100%); box-shadow: 0 24px 60px rgba(0, 0, 0, .6); }
.mmr-essubhd { display: flex; align-items: center; padding-right: 44px; }
.mmr-essubcard .mmr-inx { top: 14px; right: 14px; }
.mmr-essubcard h4 { margin: 16px 0 2px; font-size: 21px; font-weight: 800; line-height: 1.3; color: #F4F7FA; }
.mmr-essubv { margin: 0; color: #a9c3da; font-size: 12.8px; }
.mmr-essublead { margin: 8px 0 12px; color: #c4d2df; font-size: 13.5px; }
.mmr-essubscroll { flex: 1 1 auto; min-height: 0; overflow-y: auto; padding: 4px 14px; border-radius: 10px; border: 1px solid rgba(98, 183, 242, .3); background: rgba(5, 18, 36, .6); }
.mmr-essubscroll:focus-visible { outline: 2px solid #8BCBFF; outline-offset: 2px; }
.mmr-essubscroll section { padding: 10px 0; border-bottom: 1px solid rgba(143, 164, 188, .14); }
.mmr-essubscroll section:last-child { border-bottom: none; }
.mmr-essubscroll h5 { margin: 0 0 3px; color: #F4F7FA; font-size: 14px; font-weight: 800; }
.mmr-essubscroll p { margin: 0; color: #c4d2df; font-size: 13px; line-height: 1.55; }
.mmr-essubscroll a, .mmr-essubfoot a { color: #8BCBFF; text-decoration: underline; text-underline-offset: 2px; }
.mmr-essubfoot { margin: 10px 2px 0; color: #a9c3da; font-size: 12.5px; line-height: 1.5; }
.mmr-essubbtns { display: flex; gap: 12px; margin-top: 16px; }
.mmr-essubbtns .mmr-btn { flex: 1 1 0; width: auto; min-height: 46px; justify-content: center; margin: 0; }

@media (max-width: 600px) {
    .mmr-eshead { padding: 14px 54px 0 16px; }
    .mmr-esbrand b { font-size: 16px; }
    .mmr-estitle { margin: 12px 16px 0; font-size: 18px; }
    .mmr-essteps { padding: 14px 16px 2px; }
    .mmr-essteps li { font-size: 0; }
    .mmr-essteps li.on { font-size: 12.5px; }
    .mmr-esbody { padding: 14px 16px 6px; }
    .mmr-esopts { gap: 8px; }
    .mmr-esopt { min-height: 0; padding: 12px; }
    .mmr-esoic { height: 26px; margin-bottom: 4px; font-size: 20px; }
    .mmr-esradio { top: 12px; right: 12px; }
    .mmr-esopt b { font-size: 13.5px; padding-right: 18px; }
    .mmr-esopt small { font-size: 11.8px; }
    .mmr-esgrid2 { grid-template-columns: minmax(0, 1fr); gap: 0; }
    .mmr-espaper { height: 190px; }
    .mmr-esscroll { max-height: 52vh; padding: 8px; }
    .mmr-estool { gap: 6px 8px; padding: 6px 8px; }
    .mmr-estgrp + .mmr-estgrp { padding-left: 8px; }
    .mmr-estdl { margin-left: 0; }
    .mmr-essum > div { grid-template-columns: minmax(0, 1fr); gap: 0; }
    .mmr-essub { padding: 0; align-items: stretch; }
    .mmr-essubcard { max-height: none; height: 100%; border-radius: 0; padding: 16px; }
    .mmr-essubbtns { flex-direction: column-reverse; }
}
@media (max-width: 360px) { .mmr-esopts { grid-template-columns: minmax(0, 1fr); } }

/* =====================================================================
   FINANCING STAGE PAGE — redesign of 2026-10-13
   (HOUSBE_Financing_Page_Redesign_Developer_Guide.docx). The section's
   own pieces are styled for every width; the page around it (the shared
   stage overlay) only while body.mmr-finpage is set by hb-mortgage-room.js.
   Values never come from the mockup: counts, dates and labels are live.
   ===================================================================== */

/* -- header: status + summary, no second title -- */
.mmr .mmr-top { display: block; margin-bottom: 14px; }
.mmr .mmr-lede { margin: 0 0 10px; color: var(--mmr-mute); font-size: 14px; line-height: 1.5; }
.mmr .mmr-meta { gap: 10px; }
.mmr .mmr-stats {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(6.5em, 1fr)); margin-top: 12px;
    border: 1px solid rgba(98, 183, 242, .26); border-radius: 14px; background: rgba(6, 18, 34, .55);
}
.mmr .mmr-stats > div { padding: 10px 8px; text-align: center; min-width: 0; }
.mmr .mmr-stats > div + div { border-left: 1px solid rgba(143, 164, 188, .18); }
.mmr .mmr-stats b { display: block; font-size: 20px; font-weight: 800; line-height: 1.2; color: var(--mmr-text); overflow-wrap: anywhere; }
.mmr .mmr-stats small { display: block; margin-top: 2px; font-size: 13px; color: var(--mmr-mute); font-weight: 600; }
/* the date cell reads label first, like the mockup's "Closes / Dec 11, 2026" */
.mmr .mmr-stats .date small { margin: 0 0 2px; }
.mmr .mmr-stats .date b { font-size: 15px; }

/* -- your request -- */
.mmr .mmr-req > h4 { flex-wrap: wrap; }
.mmr .mmr-vis { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; color: var(--mmr-mute); }
.mmr .mmr-vis i { color: var(--mmr-mute) !important; }
/* two columns where the values fit, one when the screen or the text size
   leaves too little room; long values wrap rather than ellipsize */
.mmr .mmr-col .mmr-facts { grid-template-columns: repeat(auto-fit, minmax(9.5em, 1fr)); }
.mmr .mmr-facts b { white-space: normal; overflow: visible; text-overflow: clip; }
.mmr .mmr-quote small { display: block; margin-bottom: 3px; color: var(--mmr-mute); font-size: 12px; font-weight: 700; font-style: normal; }

/* withdraw: secondary, red outline (the dialog that follows is unchanged) */
.mmr .mmr-btn.mmr-btn-out-red {
    width: 100%; min-height: 44px; justify-content: center; background: rgba(127, 29, 29, .16) !important;
    color: #ffc9c9 !important; border: 1.5px solid rgba(248, 113, 113, .7) !important; box-shadow: none !important;
}
.mmr .mmr-btn.mmr-btn-out-red i { color: #fca5a5 !important; }
.mmr .mmr-btn.mmr-btn-out-red:hover { background: rgba(127, 29, 29, .3) !important; color: #fff !important; }

/* -- proposals -- */
.mmr .mmr-n { color: var(--mmr-mute); font-weight: 700; margin-left: 4px; }
.mmr .mmr-col > h4 .mmr-n { margin-right: auto; }
.mmr .mmr-empty b { display: block; margin-bottom: 4px; font-size: 16px; color: var(--mmr-text); }
.mmr .mmr-empty span { display: block; }
.mmr .mmr-pd-row { display: flex; align-items: center; gap: 12px; }
.mmr .mmr-pd-ic {
    flex: 0 0 auto; width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center;
    background: rgba(34, 211, 238, .10); border: 1px solid rgba(34, 211, 238, .32); color: var(--mmr-cyan); font-size: 18px;
}
.mmr .mmr-pd h4 { margin: 0 0 2px; font-size: 16px; font-weight: 800; color: var(--mmr-text); }
.mmr .mmr-pd p { margin: 0; color: var(--mmr-mute); font-size: 14px; line-height: 1.45; }

/* -- the page around the section -- */
.mmr-help-h, #tempDTasksSec .mmr-tcount { display: none; }
body.mmr-finpage #tempDGlance { display: none !important; }
body.mmr-finpage #tempDOv #tempDHeadTitle { font-size: 22px !important; }
body.mmr-finpage #tempDOv #tempDHeadSub { white-space: normal !important; }
body.mmr-finpage .mmr { font-size: 16px; }
body.mmr-finpage .mmr-foot { font-size: 13.5px; color: var(--mmr-mute, #8FA4BC); }

/* help: a heading, then two compact cards with nothing drawn across the text */
body.mmr-finpage .mmr-help-h { display: block; margin: 18px 4px 10px; font-size: 18px; font-weight: 800; color: #f4f7fa; }
body.mmr-finpage .tfa-flow,
body.mmr-finpage .tda-flow { display: none !important; }
body.mmr-finpage #tempTimelineEmptyState .tfa-face { width: 56px !important; height: 56px !important; }
body.mmr-finpage #tempTimelineEmptyState .tda-mark { width: 52px !important; height: 52px !important; font-size: 20px !important; }

/* tasks: "0 of 3 complete" on the heading row, a bar instead of the ring */
body.mmr-finpage #tempDTasksSec .shead { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
body.mmr-finpage #tempDTasksSec .mmr-tcount { display: inline; font-size: 14px; font-weight: 700; color: #cfd8e6; }
body.mmr-finpage #tempDTasks .treq-sum { display: none !important; }
body.mmr-finpage #tempDTasks .mmr-tbar { height: 8px; margin: 4px 0 8px; border-radius: 8px; background: rgba(98, 183, 242, .16); overflow: hidden; }
body.mmr-finpage #tempDTasks .mmr-tbar i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #4aa9ff, #3ee98c); transition: width .4s ease; }
.mmr-tbar { display: none; }
body.mmr-finpage #tempDTasks .mmr-tbar { display: block; }

/* the AI insight's next step */
.mmr-insight {
    display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 14px;
    background: rgba(34, 197, 94, .10); border: 1px solid rgba(62, 233, 140, .45);
}
.mmr-insight-ic {
    flex: 0 0 auto; width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center;
    background: rgba(250, 204, 21, .12); color: #facc15; font-size: 18px;
}
.mmr-insight-ic i { color: #facc15 !important; }
.mmr-insight b { display: block; font-size: 16px; font-weight: 800; color: #f4f7fa; line-height: 1.35; }

/* participants: wrap the email and the date instead of cutting them off */
body.mmr-finpage #tempDParts .tpd-row { flex-wrap: wrap; align-items: flex-start; }
body.mmr-finpage #tempDParts .tpd-main { flex: 1 1 10em; min-width: 0; }
body.mmr-finpage #tempDParts .tpd-name { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; white-space: normal !important; }
body.mmr-finpage #tempDParts .tpd-email { white-space: normal !important; overflow: visible !important; text-overflow: clip !important; overflow-wrap: anywhere; }
body.mmr-finpage #tempDParts .tpd-right { flex: 0 0 auto; }

@media (max-width: 640px) {
    body.mmr-finpage .mmr-sec { padding: 14px !important; border-radius: 18px !important; }
    body.mmr-finpage .mmr .mmr-col { padding: 14px; }
}

/* fixes: icon colours/centring lost to stronger room rules; the small planet */
#tempDMortSec .mmr .mmr-btn.mmr-btn-out-red i { color: #fca5a5 !important; }
.mmr-insight .mmr-insight-ic { display: grid !important; place-items: center; }
.mmr-insight .mmr-insight-ic i { display: block; line-height: 1; margin: 0; }
.mmr-insight > div > span { display: block; margin-top: 2px; font-size: 14px; color: #b9c6d6; line-height: 1.45; }
body.mmr-finpage .dplanet { display: none !important; }