/* Acquisition page adapters. Shared role styles are in ccam-ui.css.
   Load before ccam-ui.css; AM is the visual reference, DD keeps boxed groups. */

/* ── Header bar: full width above the sidebar, logo + page title ───────
   AM: .topbar padding 12px 20px, 61px tall, gold hairline, logo 36px,
   title 17px / 650 / -0.01em with a divider from the logo. */
@media (min-width:761px){
  body{padding-top:101px!important}
  .topbar{position:fixed!important;top:40px;left:0;right:0;z-index:10001}
  /* The dark platform bar sits above the page header, so its menus (the
     "Acquisitions ▾" workspace switcher, notifications, search) drop down over
     the header instead of being cut off behind it. Dialogs (10050+) stay on top. */
  #ccam-header{z-index:10005!important}
  .main-nav{top:101px!important}
  .dd-app{height:calc(100vh - 101px)!important}
  .detail-panel{top:101px!important}
}
.topbar{height:61px;min-height:61px;box-sizing:border-box;padding:12px 20px;
  background:var(--bg);border-bottom:1px solid rgba(154,118,50,.15);
  display:flex;align-items:center;justify-content:space-between}
.topbar-left{display:flex;align-items:center;gap:12px;min-width:0}
.topbar-left > img{height:36px;width:120px;object-fit:contain;flex:none}
.topbar-right{display:flex;align-items:center;gap:6px}
.ccam-page-chip{display:inline-flex;align-items:center;gap:10px;max-width:min(46vw,460px);
  font-size:17px;font-weight:650;letter-spacing:-.01em;color:var(--text);
  background:transparent;border:1px solid transparent;border-radius:var(--radius);
  padding:5px 10px 5px 14px;margin-left:2px;position:relative;white-space:nowrap}
.ccam-page-chip::before{content:'';position:absolute;left:0;top:7px;bottom:7px;width:1px;background:var(--border2)}
@media (max-width:760px){
  .ccam-page-chip{font-size:15px;max-width:52vw}
  /* phones: the header wraps — title on its own line, controls below it */
  .topbar{height:auto;min-height:61px;flex-wrap:wrap;row-gap:8px;padding:10px 12px}
  .topbar-left{flex:1 1 100%}
  .topbar-right{flex:1 1 100%;flex-wrap:wrap;justify-content:flex-start}
}

/* ── Page body: AM's white work surface and .content padding ────────── */
body{background:var(--bg);font-size:14px}
body > .content{padding:24px 24px 80px}

/* ── Pipeline ─────────────────────────────────────────────────────── */
.col-title{font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--text2)}
.lc-stale-row{color:var(--text);font-size:12px}
.lc-stale-n{font-size:12px;font-weight:500;color:var(--text)}
.lc-card-stale{font-size:10px;font-weight:600;letter-spacing:.02em}

/* ── Broker CRM ───────────────────────────────────────────────────── */
.vn-empty{padding:44px 20px;text-align:center;max-width:460px;margin:0 auto}
.vn-empty-t{font-size:14px;font-weight:600;margin-bottom:6px;color:var(--text)}
.vn-empty p{font-size:12.5px;color:var(--text2);line-height:1.6;margin:0 0 16px}

/* ── Acquisition Map tool panel → AM components ───────────────────── */
.sb .mode-tab{font-family:var(--ccam-font);font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text2)}
.sb .mode-tab.on{color:var(--gold-text)!important;border-bottom-color:var(--gold)!important;background:var(--gold-bg)!important}
.sb .slbl{font-family:var(--ccam-font);font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--gold-text);margin-bottom:6px}
.sb .addr-input{font-family:var(--ccam-font);font-size:12px;height:28px;box-sizing:border-box;padding:6px 9px;color:var(--text);background:var(--bg);border:1px solid var(--border2);border-radius:var(--radius)}
.sb .addr-btn{font-family:var(--ccam-font);font-size:12px;font-weight:600;letter-spacing:0;padding:4px 10px;border-radius:var(--radius);
  background:var(--btn-pri-bg);border:1px solid var(--btn-pri-bd);color:var(--btn-pri-fg)}
.sb .ct{font-family:var(--ccam-font);font-size:11px;font-weight:500;padding:2px 8px;border-radius:var(--radius);
  border:1px solid var(--border2);background:transparent;color:var(--text)}
.sb .ct.on{background:var(--btn-pri-bg);border-color:var(--btn-pri-bd);color:var(--btn-pri-fg);font-weight:600}
.sb .trow{font-size:12px;font-weight:400;color:var(--text);border-radius:var(--radius)}
.sb .tc{font-family:var(--ccam-font);font-size:10px;font-weight:600;letter-spacing:.02em;padding:1px 6px;border-radius:20px;background:var(--gray-bg)!important;color:var(--gray-text)!important}
.sb .sn{font-family:var(--ccam-serif);font-size:18px;font-weight:600;color:var(--text);font-variant-numeric:tabular-nums lining-nums}
.sb .sl2{font-family:var(--ccam-font);font-size:9.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--gold-text);margin-top:4px}
.mpbtn{font-family:var(--ccam-font);font-size:11px;font-weight:500;letter-spacing:0;padding:2px 8px;border-radius:var(--radius);color:var(--text2)}
.mpbtn.on{background:var(--btn-pri-bg);color:var(--btn-pri-fg);font-weight:600}
.oplbl{font-family:var(--ccam-font);font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text2)}

/* ── Acquisition Map's own color tokens → AM's palette ─────────────────
   map.html styles itself with --surf/--txt/--mut/--bdr/--acc (cool grays).
   Point them at the platform tokens so every Map rule uses AM's colors. */
:root{--surf:var(--bg);--surf2:var(--bg2);--bdr:var(--border);--txt:var(--text);--mut:var(--text2);--acc:var(--gold);--acc-bg:var(--gold-bg)}

/* ── Detail panel (Pipeline) ──────────────────────────────────────── */
.detail-panel .badge{font-size:10px;font-weight:600;letter-spacing:.02em}
.detail-panel .stage-select{font-size:13px;color:var(--text);border:1px solid var(--border2);min-height:34px;padding:0 26px 0 10px}
.doc-drop-title{font-size:13px;font-weight:650}
.doc-drop-sub{font-size:11px;color:var(--text2)}
.detail-panel .lc-edit,.lc-edit.lc-edit{font-size:11px;font-weight:600;letter-spacing:0}
.lc-stale.lc-stale{font-size:10px;font-weight:600;letter-spacing:.02em}
.lc-unknown{font-size:12px}
.sb .ei{display:none}
.broker-modal label,.broker-modal .fl,.broker-modal .form-field > label{font-size:11px;font-weight:600;color:var(--text2);letter-spacing:.04em;text-transform:uppercase}
.broker-modal .modal-hdr h3{letter-spacing:0}
.broker-modal input:not([type=checkbox]):not([type=radio]):not([type=file]),.broker-modal select{font-size:16px}
.sb .addr-input,.sb .si,.sb .prop-search{font-size:12px;height:28px;box-sizing:border-box;padding:6px 9px;border:1px solid var(--border2)!important;border-radius:var(--radius)}