/* Company header actions (views/company.js vitals): Call with the number, Add note as the
 * one primary button, and the occasional actions (AI Enrich, Create deal, Move to House,
 * Unassign me) in a More menu. The Unassign me / Move to House question opens in the page,
 * under the header, never in a confirm() box. */
#wrap .rf-record-actions .rf-call{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;text-decoration:none}
#wrap .rf-record-actions .rf-call svg{width:14px;height:14px;flex:none}
#wrap .rf-record-actions .rf-call .rf-call-num{font-weight:500;color:var(--ink2);font-variant-numeric:tabular-nums}
#wrap .rf-more{position:relative;display:inline-flex}
#wrap .rf-more-btn{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
#wrap .rf-more-btn svg{width:16px;height:16px}
#wrap .rf-more-menu{position:absolute;top:calc(100% + 4px);right:0;z-index:60;display:grid;min-width:190px;padding:var(--space-1,4px);
  border:1px solid var(--line);border-radius:var(--radius-panel,8px);background:var(--surface);box-shadow:var(--shadow-float)}
#wrap .rf-more-menu[hidden]{display:none}
#wrap .rf-more-item{display:flex;align-items:center;gap:8px;min-height:36px;padding:0 12px;border:0;border-radius:6px;background:none;
  color:var(--ink);font:600 13px/1.2 var(--font-ui);text-align:left;text-decoration:none;white-space:nowrap;cursor:pointer}
#wrap .rf-more-item:hover,#wrap .rf-more-item:focus-visible{background:var(--surface-3)}
#wrap .rf-more-item:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}
#wrap .rf-own-confirm{position:static;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2,8px);width:auto;margin:var(--space-3,12px) 0 0;
  padding:var(--space-3,12px);border:1px solid var(--line);border-radius:var(--radius-panel,8px);background:var(--surface-2)}
#wrap .rf-own-confirm[hidden]{display:none}
#wrap .rf-own-confirm p{flex:1 1 100%;margin:0;font-size:13px;color:var(--ink)}
#wrap .rf-own-confirm input{flex:1 1 220px;min-width:0;height:var(--control-height,36px)}
/* Phones: Call takes its own row with the number; Add note and More share the next one. */
@media(max-width:540px){
  #wrap .rf-record-actions:has(.rf-more){grid-template-columns:minmax(0,1fr) auto}
  #wrap .rf-record-actions .rf-call{grid-column:1/-1;justify-content:center}
  #wrap .rf-record-actions .rf-more-btn{width:auto;min-height:40px}
  #wrap .rf-more-menu{min-width:min(220px,calc(100vw - 32px))}
  #wrap .rf-more-item{min-height:44px}
}
/* Viewing as someone else (app.js banner): a Today take would act as the admin, and the
 * server refuses it (lib/emulation.js), so it is not offered. */
body:has(.sw-emulation-banner) [data-take]{display:none}

/* Related companies: "Add as a new company" when the picker finds nothing (company-related.js). */
#wrap .rl-add-new{margin-top:var(--space-1,4px);font-weight:600}
#wrap .rl-new{display:grid;gap:var(--space-2,8px)}
#wrap .rl-new-place{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:var(--space-2,8px)}
#wrap .rl-dupe{display:grid;gap:var(--space-2,8px);padding:10px 12px;border:1px solid #E7D4AE;border-radius:6px;background:var(--surface)}
#wrap .rl-dupe p{margin:0;font-size:13px;color:var(--ink)}
@media(max-width:540px){#wrap .rl-new-place{grid-template-columns:minmax(0,1fr)}}