/* flats-b1.css — DASH FLATS OVERHAUL batch 1 (David Dresdner, 9 Nov 2026), preview only.
   Everything here is new; jm.css / mobile.css are untouched by this batch (another worker is mid-edit on them for
   the jobs/flats action-column fix, so new styles live in this own file, not layered into theirs).
   HARD RULE (David): nothing floating. Every rule below is normal in-flow layout at rest; the two menus
   (.fl-menu row ⋯ / Contact ▾) only ever use position:absolute/fixed while actually OPEN as a transient dropdown
   or phone bottom sheet — never pinned over the table/card at rest. */

/* On Hold chip, same shape/sizing as the existing .fchip classes in jm.css */
.fc-hold{background:#ede7f6;color:#6a3fb0}

/* Stage dropdown: sized and placed like the chip it replaces, so the Status column never changes width/row height */
select.fl-stagesel,select.jb-stagesel{height:26px;padding:0 24px 0 10px;border-radius:999px;font-size:12.5px;font-weight:700;border:1px solid #d8dde5;background:#eef1f5 url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%234a5562" d="M7 10l5 5 5-5z"/></svg>') no-repeat right 6px center/14px 14px;color:#4a5562;appearance:none;-webkit-appearance:none;max-width:100%;cursor:pointer}
select.fl-stagesel:focus,select.jb-stagesel:focus{outline:2px solid #1565c0;outline-offset:1px}
/* f4 item4: same look for the jobs-list stage dropdown (pronto_site jobs we arrange access for) */

/* ⋯ row-more button: same size/shape as the existing chevron "open" button beside it, normal flow, no overlap */
.fl-more{padding:0 8px;min-width:30px;display:inline-flex;align-items:center;justify-content:center}
.fl-more svg{fill:currentColor}

/* Contact ▾ button in the flat record, sits in the normal button row with Book/Mark no access/etc */
.fl-cwrap{display:inline-block}
.fl-contact-btn{display:inline-flex;align-items:center;gap:6px}
.fl-contact-btn .fl-car{font-size:10px;opacity:.7}
.fl-contact-btn[disabled]{opacity:.45;cursor:not-allowed}

/* The ⋯ / Contact ▾ dropdown itself (.fl-menu is .jm-menu + this class): the existing jm.css .jm-menu rule already
   gives it position:absolute, a card look and a shadow; this just keeps its own items touch-friendly in both menus. */
.jm-menu.fl-menu button[disabled]{opacity:.4;cursor:not-allowed}
.jm-menu.fl-menu button[disabled]:hover{background:none}

/* Phone (<=760px, matching the app's existing mobile breakpoint): both menus become a bottom sheet instead of a
   small anchored dropdown — easier to tap, never clipped by the card edge. Still only position:fixed while OPEN. */
@media (max-width:760px){
  .jm-menu.fl-menu{position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;width:auto!important;min-width:0!important;max-width:none!important;border-radius:18px 18px 0 0;box-shadow:0 -10px 30px rgba(16,24,40,.18);padding:10px 10px calc(10px + env(safe-area-inset-bottom,0px));animation:flSheetUp .16s ease-out}
  .jm-menu.fl-menu::before{content:"";display:block;width:40px;height:4px;margin:2px auto 10px;border-radius:4px;background:#d0d5dd}
  .jm-menu.fl-menu button{padding:13px 14px;font-size:15px}
  @keyframes flSheetUp{from{transform:translateY(100%)}to{transform:translateY(0)}}
  select.fl-stagesel{font-size:13px}
}