/* Report 155, look 1 Crisp (Joseph 2026-09-29, QM-3: "today's layout, finished"): Street View beside the map, the tools as
   pills over the top of the map card, the number big under it, one Continue. Scoped to body.maplook-crisp (the default,
   safest to ship). Structure lives in templates/quote.html; this file only styles it. Tokens only (lint gate). */

body.maplook-crisp .mnm-prop-card { border: 1px solid var(--mnm-line); box-shadow: var(--mnm-shadow-md); }
body.maplook-crisp .mnm-prop-head { padding: 12px 16px; }
body.maplook-crisp #propTitle { font-size: var(--mnm-fs-lg); font-weight: 800; letter-spacing: -.2px; }
body.maplook-crisp #propTitle i { color: var(--mnm-accent); }

/* the tools: dark pills, the active one in the selection colour */
body.maplook-crisp .mnm-s2-toolbar { background: transparent; border-bottom: none; padding: 10px 10px 0; gap: 6px; }
body.maplook-crisp .mnm-s2-toolbar .mnm-map-toolbtn { background: var(--mnm-map-bar); color: var(--mnm-brand-ink); border: none;
  border-radius: var(--mnm-radius-pill); padding: 6px 14px; font-size: var(--mnm-fs-sm); min-height: 34px; }
body.maplook-crisp .mnm-s2-toolbar .mnm-map-toolbtn.active { background: var(--mnm-map-pick); color: var(--mnm-ink); }
body.maplook-crisp .mnm-s2-toolbar .mnm-map-toolbtn-go:not(:disabled) { background: var(--mnm-success-5); color: var(--mnm-brand-ink); }
body.maplook-crisp .mnm-s2-toolbar .mnm-map-toolbtn:disabled { opacity: .4; }

/* the two views (stacked, the map first: quote_onepage.css), rounded, captions as pills */
body.maplook-crisp #s2 .mnm-confirm-view { border: 1px solid var(--mnm-line); border-radius: var(--mnm-radius-container); }
body.maplook-crisp #s2 .mnm-confirm-view-head { background: var(--mnm-surface); border-bottom: 1px solid var(--mnm-bg-2); }
body.maplook-crisp #s2 .mnm-confirm-view-head strong { background: var(--mnm-map-bar); color: var(--mnm-brand-ink);
  border-radius: var(--mnm-radius-pill); padding: 1px 9px; font-size: var(--mnm-fs-xs); font-weight: 600; }
body.maplook-crisp #s2 .mnm-confirm-view-head i { display: none; }
body.maplook-crisp #s2 .mnm-pick-foot { background: var(--mnm-surface); font-size: var(--mnm-fs-sm); color: var(--mnm-muted-3); }

/* the number that matters, big, then its hint; one Continue across the card */
body.maplook-crisp #s2MapLiveNums { padding: 10px 16px 4px; font-size: var(--mnm-fs-lg); font-weight: 800; color: var(--mnm-ink);
  background: var(--mnm-surface); border-top: 1px solid var(--mnm-bg-2); }
body.maplook-crisp .mnm-s2-sendbar { background: var(--mnm-surface); border-top: none; padding: 8px 16px 14px; }
body.maplook-crisp .mnm-prop-continue { flex: 1 1 100%; border-radius: var(--mnm-radius-control); font-size: var(--mnm-fs-md); }
body.maplook-crisp #s2MapStatus { flex-basis: 100%; }

/* folded under the chat: one calm line */
body.maplook-crisp .mnm-prop-folded { box-shadow: var(--mnm-shadow-md); border-color: var(--mnm-line); }
body.maplook-crisp .mnm-prop-chat-head { font-weight: 700; }

@media (max-width: 560px) {
  body.maplook-crisp .mnm-prop-card { border-radius: 0; border-left: none; border-right: none; }
  body.maplook-crisp #s2 #svView, body.maplook-crisp #s2 #aerialConfirmView { flex: none; }
  body.maplook-crisp #s2 .mnm-confirm-view { border-radius: 0; border-left: none; border-right: none; }
  body.maplook-crisp .mnm-s2-toolbar { padding: 8px 8px 0; }
  body.maplook-crisp .mnm-s2-toolbar .mnm-map-toolbtn { min-height: 44px; padding: 8px 14px; }
  body.maplook-crisp #s2MapLiveNums { padding: 10px 12px 4px; }
  body.maplook-crisp .mnm-s2-sendbar { padding: 8px 12px 12px; }
}

/* ---- Report 157: the one-page skin (contract: F:\tmp\juno_workers\onepage\HOOK2.md) ----
   Crisp is a light look: a soft grey page, the one white panel on it, white frames round the two map panes, the chat
   white with the look's dark head (the same dark as the tool pills). "This is my house" wears the selection's own yellow,
   so the button reads as "the yellow one is mine". The map comes first (left, 3 parts), Street View beside it (2 parts),
   so the floating chat, docked bottom-right, sits over Street View rather than the map you work on. */
body.maplook-crisp {
  --mnm-q-page-bg: var(--mnm-bg-2);
  --mnm-q-panel-bg: var(--mnm-surface);
  --mnm-q-panel-ink: var(--mnm-ink);
  --mnm-q-panel-muted: var(--mnm-muted);
  --mnm-q-panel-line: var(--mnm-line);
  --mnm-q-panel-shadow: var(--mnm-shadow-md);
  --mnm-q-pane-bg: var(--mnm-surface);
  --mnm-q-pane-line: var(--mnm-line);
  --mnm-q-field-bg: var(--mnm-surface);
  --mnm-q-field-ink: var(--mnm-ink);
  --mnm-q-summary-bg: var(--mnm-bg);
  --mnm-q-chat-bg: var(--mnm-surface);
  --mnm-q-chat-ink: var(--mnm-ink);
  --mnm-q-chat-line: var(--mnm-line);
  --mnm-q-chat-head-bg: var(--mnm-ink);
  --mnm-q-chat-head-ink: var(--mnm-brand-ink);
  --mnm-q-chat-shadow: var(--mnm-shadow-lg);
  --mnm-q-accent: var(--mnm-accent);
  --mnm-q-accent-ink: var(--mnm-brand-ink);
}
body.maplook-crisp .mnm-q-panel .mnm-prop-card { border: none; box-shadow: none; }
body.maplook-crisp .mnm-q-contact-summary strong { font-weight: 700; }
body.maplook-crisp .mnm-sel-bar .mnm-sel-confirm { border-radius: var(--mnm-radius-pill);
  box-shadow: 0 0 0 4px var(--mnm-map-pick), var(--mnm-shadow-lg); }   /* the primary colour, ringed in the selection yellow */
body.maplook-crisp .mnm-sel-change { border-radius: var(--mnm-radius-pill); }
body.maplook-crisp #s2 .mnm-q-chat .mnm-prop-chat-head i { color: var(--mnm-map-pick); }
body.maplook-crisp #s2 .mnm-q-chat #chatEditMapBtn { background: var(--mnm-map-bar); color: var(--mnm-brand-ink); border-color: transparent;
  border-radius: var(--mnm-radius-pill); }
body.maplook-crisp #s2 .mnm-q-chat .chat-area { border-radius: var(--mnm-radius-control) var(--mnm-radius-control) 0 0; }
body.maplook-crisp #s2 .mnm-q-chat.has-unread .mnm-prop-chat-head { box-shadow: inset 0 -3px 0 var(--mnm-map-pick); }