/* Floor plans tab (floorplan.js) — drawn in this dashboard's own tokens (index.html :root).
   Every class is fp-* (fx-* for the venue's fixed joinery) so nothing here can touch the
   revenue view or the venue reference. */

#fpRoot{max-width:1760px;margin:0 auto;padding:26px 32px 64px}
#fpRoot[hidden]{display:none}

.fp{font-size:14px;line-height:1.45;color:var(--ink);--fp-warn:#a8500f;--fp-ink:#1f2c34}
.fp-loading{padding:60px 0;text-align:center;color:var(--ink-dim)}
.fp button{font-family:inherit}
.fp :focus-visible{outline:2px solid var(--accent-deep);outline-offset:2px}

/* ---- head ---- */
.fp-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px 28px;margin-bottom:16px}
.fp-title{font-family:"Newsreader",serif;font-weight:500;font-size:34px;line-height:1.05;margin:0;letter-spacing:-.01em}
.fp-lede{margin:8px 0 0;color:var(--ink-dim);font-size:14.5px;max-width:74ch}
.fp-venue{display:flex;align-items:center;gap:10px;font-family:"IBM Plex Mono",monospace;font-size:12px;color:var(--ink-dim)}
.fp-venue select{font-size:13px;padding:8px 34px 8px 12px}
.fp-venue strong{color:var(--ink);font-weight:600}

/* ---- buttons ---- */
.fp-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;background:var(--panel);color:var(--ink);border:1px solid var(--line-2);border-radius:10px;padding:0 14px;font-size:13.5px;font-weight:600;cursor:pointer;box-shadow:var(--shadow-sm);white-space:nowrap;transition:background .12s,border-color .12s}
.fp-btn:hover{background:var(--panel-2);border-color:#b9cbc3}
.fp-btn[disabled]{opacity:.45;cursor:default}
.fp-btn.primary{background:linear-gradient(180deg,var(--accent),var(--accent-deep));color:#fff;border-color:transparent}
.fp-btn.primary:hover{filter:brightness(1.06)}
.fp-btn.ghost{box-shadow:none;background:transparent;border-color:transparent;color:var(--accent-deep)}
.fp-btn.ghost:hover{background:rgba(var(--accent-rgb),.07)}
.fp-btn.danger{color:#9b2f22;border-color:#e6b5ad}
.fp-btn.sm{min-height:34px;padding:0 11px;font-size:12.5px}
.fp-btn.icon{width:38px;padding:0}
.fp-btn svg{flex:none}
.fp-btn.on{background:var(--fp-ink);border-color:var(--fp-ink);color:#fff}

/* ---- plan bar ---- */
.fp-bar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 14px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow-sm);margin-bottom:12px}
.fp-field{display:flex;flex-direction:column;gap:4px;min-width:0}
.fp-field label{font-family:"IBM Plex Mono",monospace;font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim)}
.fp-field input,.fp-field select{height:38px;border:1px solid var(--line-2);border-radius:10px;padding:0 12px;font:inherit;font-size:14px;color:var(--ink);background:var(--panel);box-shadow:var(--shadow-sm);box-sizing:border-box}
.fp-field input:focus-visible,.fp-field select:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.14)}
.fp-field.plan select{width:220px;font-family:inherit;padding-right:34px}
.fp-field.name input{width:200px}
.fp-field.client input{width:180px}
.fp-field.date input{width:150px}
.fp-field.guests input{width:80px;font-family:"IBM Plex Mono",monospace}
.fp-bar-sep{width:1px;align-self:stretch;background:var(--line);margin:0 2px}
.fp-bar-actions{display:flex;flex-wrap:wrap;gap:8px;margin-left:auto;align-items:center}
.fp-save-state{font-family:"IBM Plex Mono",monospace;font-size:11.5px;color:var(--ink-faint);white-space:nowrap}
.fp-save-state.dirty{color:var(--fp-warn)}
.fp-rotval{font-family:"IBM Plex Mono",monospace;font-size:12.5px;font-weight:600;color:var(--ink)}

.fp-note,.fp-error,.fp-done{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:10px 14px;border-radius:10px;font-size:13px;font-weight:600;margin:0 0 12px}
.fp-note{background:#fbf0d9;color:#7d5208;border:1px solid #e4c583}
.fp-error{background:#f6e4e1;color:#8f2b1f;border:1px solid #e6b5ad}
.fp-done{background:rgba(var(--accent-rgb),.08);color:var(--accent-deep);border:1px solid rgba(var(--accent-rgb),.3)}
.fp-note .fp-btn,.fp-error .fp-btn{min-height:30px;font-size:12px}

/* ---- the three columns ---- */
.fp-work{display:grid;grid-template-columns:212px minmax(0,1fr) 296px;gap:12px;align-items:start}
.fp-work.is-client{grid-template-columns:minmax(0,1fr) 340px}
.fp-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}
.fp-h{margin:0;font-family:"IBM Plex Mono",monospace;font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim)}
.fp-hint{font-size:12px;color:var(--ink-dim);margin:2px 0 0}

/* palette */
.fp-palette{padding:14px 12px 16px;display:flex;flex-direction:column;gap:20px;position:sticky;top:calc(var(--nav-h,58px) + 12px);max-height:calc(100vh - var(--nav-h,58px) - 24px);overflow-y:auto}
.fp-sec{display:flex;flex-direction:column;gap:8px}
.fp-preset{display:flex;align-items:center;gap:10px;width:100%;padding:9px 11px;border-radius:11px;border:1px solid var(--line);background:var(--panel);text-align:left;cursor:pointer;color:var(--ink)}
.fp-preset:hover{border-color:var(--line-2);background:var(--panel-2)}
.fp-preset.on{border-color:var(--accent);background:rgba(var(--accent-rgb),.06)}
.fp-preset-txt{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}
.fp-preset-name{font-size:13.5px;font-weight:600}
.fp-preset-sub{font-size:11.5px;color:var(--ink-dim)}
.fp-preset-n{font-family:"IBM Plex Mono",monospace;font-size:12.5px;font-weight:600;color:var(--accent-deep)}
/* set up for N guests */
.fp-auto{padding-bottom:16px;border-bottom:1px solid var(--line)}
.fp-auto-n{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-dim)}
.fp-auto-n input{width:84px;height:38px;border:1px solid var(--line-2);border-radius:10px;padding:0 12px;font-family:"IBM Plex Mono",monospace;font-size:15px;font-weight:600;color:var(--ink);background:var(--panel);box-shadow:var(--shadow-sm);box-sizing:border-box}
.fp-auto-n input:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.14)}
.fp-auto-rooms{display:flex;flex-wrap:wrap;gap:5px}
.fp-chip{min-height:28px;padding:0 9px;border-radius:999px;border:1px solid var(--line-2);background:var(--panel);color:var(--ink-dim);font:inherit;font-size:11.5px;font-weight:600;cursor:pointer;text-decoration:line-through;text-decoration-color:rgba(0,0,0,.25)}
.fp-chip.on{border-color:rgba(var(--accent-rgb),.45);background:rgba(var(--accent-rgb),.08);color:var(--accent-deep);text-decoration:none}
.fp-chip:focus-visible,.fp-preset:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.fp-auto-opt.short{border-color:#ecc9a6}
.fp-auto-warn{font-size:11.5px;font-weight:600;color:var(--fp-warn)}
.fp-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.fp-tile{display:flex;flex-direction:column;align-items:stretch;gap:5px;padding:7px 7px 9px;background:var(--panel);border:1px solid var(--line);border-radius:11px;cursor:grab;touch-action:none;text-align:left;color:var(--ink);user-select:none;-webkit-user-select:none;transition:border-color .12s,transform .12s,box-shadow .12s}
.fp-tile:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-1px)}
.fp-tile:active{cursor:grabbing}
.fp-tile-art{display:block;height:50px;background:var(--panel-2);border-radius:7px;pointer-events:none}
.fp-tile-art svg{display:block;width:100%;height:100%}
.fp-tile-row{display:flex;justify-content:space-between;align-items:baseline;gap:4px;pointer-events:none}
.fp-tile-name{font-size:12.5px;font-weight:600;line-height:1.2}
.fp-tile-n{font-family:"IBM Plex Mono",monospace;font-size:11.5px;font-weight:600;color:var(--accent-deep)}
.fp-tile-sub{font-size:11px;color:var(--ink-dim);line-height:1.25;pointer-events:none}

/* stage */
.fp-stage{display:flex;flex-direction:column;min-width:0;overflow:hidden;scroll-margin-top:calc(var(--nav-h,58px) + 12px)}
.fp-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--line);background:var(--panel-2)}
.fp-zoom{display:inline-flex;align-items:center;border:1px solid var(--line-2);border-radius:10px;background:var(--panel);overflow:hidden;box-shadow:var(--shadow-sm)}
.fp-zoom button{width:36px;height:34px;border:none;background:transparent;color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center}
.fp-zoom button:hover{background:var(--panel-2)}
.fp-zoom .fp-zoom-val{width:auto;min-width:58px;font-family:"IBM Plex Mono",monospace;font-size:12.5px;font-weight:600;border-left:1px solid var(--line);border-right:1px solid var(--line)}
.fp-tools-gap{flex:1}
/* ask for a change */
.fp-ask{display:flex;flex-direction:column;gap:7px;padding:10px 12px;border-bottom:1px solid var(--line)}
.fp-ask-label{display:flex;align-items:center;gap:6px;font-family:"IBM Plex Mono",monospace;font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-deep)}
.fp-ask-row{display:flex;gap:8px;align-items:flex-start}
.fp-ask textarea{flex:1;min-width:0;min-height:40px;max-height:140px;resize:vertical;border:1px solid var(--line-2);border-radius:10px;padding:9px 12px;font:inherit;font-size:14px;line-height:1.4;color:var(--ink);background:var(--panel);box-shadow:var(--shadow-sm);box-sizing:border-box}
.fp-ask textarea:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.14)}
.fp-ask textarea:disabled{opacity:.65}
.fp-ask-row .fp-btn{min-height:40px;white-space:nowrap}
.fp-ask-msg{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0;font-size:13px;color:var(--ink)}
.fp-ask-msg.idle{color:var(--ink-dim)}
.fp-ask-msg.error{color:var(--fp-warn);font-weight:600}
.fp-ask-left{font-size:12px;color:var(--ink-dim);font-family:"IBM Plex Mono",monospace}
.fp-ask-warn{flex-basis:100%;color:var(--fp-warn);font-size:12.5px;font-weight:600}
/* The bar eases toward 90% over ~20 s (a typical answer) and holds there: it shows that
   something is happening and roughly how long, without claiming a progress it cannot know. */
.fp-ask-progress{display:flex;flex-direction:column;gap:5px}
.fp-ask-bar{position:relative;height:6px;border-radius:999px;background:rgba(var(--accent-rgb),.12);overflow:hidden}
.fp-ask-bar span{position:absolute;inset:0 auto 0 0;width:0;border-radius:inherit;background:var(--accent);animation:fp-ask-fill 20s cubic-bezier(.15,.7,.3,1) forwards}
.fp-ask-bar::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:translateX(-100%);animation:fp-ask-sheen 1.4s ease-in-out infinite}
@keyframes fp-ask-fill{from{width:4%}to{width:90%}}
@keyframes fp-ask-sheen{to{transform:translateX(100%)}}
@media (prefers-reduced-motion:reduce){.fp-ask-bar span{animation:none;width:60%}.fp-ask-bar::after{animation:none;display:none}}
@media (max-width:640px){.fp-ask-row{flex-direction:column;align-items:stretch}}
.fp-scroll{position:relative;overflow:auto;max-height:calc(100vh - var(--nav-h,58px) - 140px);min-height:340px;background:#fbfaf6;outline:none}
.fp-scroll:focus-visible{box-shadow:inset 0 0 0 2px var(--accent)}
.fp-svg{display:block;max-width:none;user-select:none;-webkit-user-select:none}
.fp-foot{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;padding:9px 14px;border-top:1px solid var(--line);font-size:12px;color:var(--ink-dim);background:var(--panel)}
.fp-foot strong{font-family:"IBM Plex Mono",monospace;color:var(--ink);font-weight:600}
.fp-foot .warn{color:var(--fp-warn);font-weight:600}
.fp-foot .src{margin-left:auto}
.fp-ghost{position:fixed;z-index:60;pointer-events:none;transform:translate(-50%,-50%);background:var(--panel);border:1px solid var(--accent);border-radius:10px;padding:6px 10px;font-size:12.5px;font-weight:600;box-shadow:var(--shadow-lg);white-space:nowrap}

/* the drawing */
.fp-paper{fill:#fbfaf6}
.fp-zone{stroke:none}
.fp-zone.service{fill:#eceee9}
.fp-arch{pointer-events:none}
.fp-zlabel{font-family:"IBM Plex Mono",monospace;font-weight:600;letter-spacing:.04em;fill:var(--fp-ink);pointer-events:none;paint-order:stroke;stroke:#fbfaf6;stroke-linejoin:round}
.fp-zlabel .n{font-weight:500;fill:#4d5f66}
.fp-zlabel.service{fill:#56656c;font-weight:500}
.fp-zlabel.deck{fill:#6f7a70;font-weight:500}
.fx{vector-effect:non-scaling-stroke;pointer-events:none}
.fx-banquette{fill:#dccfb8;stroke:#8e7b5d;stroke-width:1px}
.fx-div{stroke:#ae9d80;stroke-width:1px}
.fx-counter{fill:#3c4952}
.fx-sofa{fill:#e6dccb;stroke:#8e7b5d;stroke-width:1px}
.fx-desk,.fx-stool{fill:#fff;stroke:#3c4952;stroke-width:1.3px}
.fx-wine{fill:#e7d6d3;stroke:#7b4b51;stroke-width:1px}
.fx-column{fill:#1f2c34}
.fx-builtin{fill:none;stroke:none}
.fp-grid line{stroke:rgba(31,44,52,.12);stroke-width:1px;vector-effect:non-scaling-stroke}
.fp-grid line.m5{stroke:rgba(31,44,52,.24)}

.fp-item{cursor:grab;touch-action:none}
.fp-item.dragging{cursor:grabbing}
.fp-ring{fill:transparent;stroke:transparent;stroke-width:2px;vector-effect:non-scaling-stroke}
.fp-item:hover .fp-ring{stroke:rgba(var(--accent-rgb),.45)}
.fp-item.bad .fp-ring{stroke:var(--fp-warn);stroke-dasharray:5 4;fill:rgba(168,80,15,.07)}
.fp-item.clash .fp-ring{stroke:#c0392b;stroke-dasharray:3 3;fill:rgba(192,57,43,.07)}
.fp-item.sel .fp-ring{stroke:var(--accent);stroke-dasharray:none;fill:rgba(var(--accent-rgb),.08)}
.fp-t{fill:#fff;stroke:var(--fp-ink);stroke-width:1.4px;vector-effect:non-scaling-stroke}
.fp-t.k-dark{fill:var(--fp-ink)}
.fp-t.k-dashed{stroke-dasharray:4 3}
.fp-t.k-dance{stroke:#8a6a3b}
.fp-t.k-coffee{fill:#efe6d8;stroke:#8c7a5e;stroke-width:1px}
.fp-t.k-leaner{stroke-width:3px}
.fp-inner{fill:#e7ebe8;pointer-events:none}
.fp-joint{stroke:#c9d0cc;stroke-width:1px;vector-effect:non-scaling-stroke;pointer-events:none}
.fp-seat{fill:#fff;stroke:#5d6a72;stroke-width:1px;vector-effect:non-scaling-stroke}
.fp-seat-back{stroke:var(--fp-ink);stroke-width:2.4px;stroke-linecap:round;vector-effect:non-scaling-stroke}
.fp-soft{fill:#ded2bd;stroke:#97856a;stroke-width:1px;vector-effect:non-scaling-stroke}
.fp-dot{fill:var(--fp-ink)}
.fp-tlabel{font-family:"Hanken Grotesk",sans-serif;font-weight:700;fill:var(--fp-ink);text-anchor:middle;dominant-baseline:central;pointer-events:none;paint-order:stroke;stroke:#fff;stroke-linejoin:round}
.fp-tlabel .n{font-family:"IBM Plex Mono",monospace;font-weight:600;fill:#4d5f66}
.fp-tlabel.on-dark{fill:#fff;stroke:none}
.fp-tlabel.feature{font-weight:600;fill:#3c4952}
.fp-scale rect{stroke:var(--fp-ink);stroke-width:1px;vector-effect:non-scaling-stroke}
.fp-scale rect.fp-scale-bg{fill:rgba(251,250,246,.92);stroke:none}
.fp-scale text{font-family:"IBM Plex Mono",monospace;font-weight:600;fill:var(--fp-ink)}

/* side: summary / inspector / client */
.fp-side{padding:16px 15px 18px;display:flex;flex-direction:column;gap:20px;position:sticky;top:calc(var(--nav-h,58px) + 12px);max-height:calc(100vh - var(--nav-h,58px) - 24px);overflow-y:auto}
.fp-seathead{padding-bottom:16px;border-bottom:1px solid var(--line)}
.fp-big{display:flex;align-items:baseline;gap:10px}
.fp-big-n{font-family:"IBM Plex Mono",monospace;font-size:44px;font-weight:500;line-height:1;letter-spacing:-.02em}
.fp-big-of{font-size:13.5px;color:var(--ink-dim)}
.fp-meter{height:8px;border-radius:5px;background:#e7eeea;overflow:hidden}
.fp-meter span{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,var(--accent-soft),var(--accent));transition:width .25s}
.fp-meter.short span{background:#c97a2e}
.fp-msg{font-size:13px;font-weight:600;color:var(--ink-dim)}
.fp-msg.short{color:var(--fp-warn)}
.fp-msg.ok{color:var(--accent-deep)}
.fp-list{display:flex;flex-direction:column}
.fp-zrow{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}
.fp-zrow:last-child{border-bottom:none}
.fp-sw{width:13px;height:13px;border-radius:4px;border:1px solid rgba(31,44,52,.25);flex:none}
.fp-zname{flex:1;font-size:13.5px}
.fp-zt{font-size:11.5px;color:var(--ink-dim)}
.fp-zn{min-width:28px;text-align:right;font-family:"IBM Plex Mono",monospace;font-size:13.5px;font-weight:600}
.fp-trow{display:flex;align-items:center;gap:10px;width:100%;padding:7px 8px;margin:0 -8px;width:calc(100% + 16px);border:none;border-radius:8px;background:transparent;text-align:left;cursor:pointer;color:var(--ink)}
.fp-trow:hover{background:var(--panel-2)}
.fp-trow.sel{background:rgba(var(--accent-rgb),.08)}
.fp-trow .lab{min-width:44px;font-weight:700;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:110px}
.fp-trow .sub{flex:1;font-size:12px;color:var(--ink-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fp-trow .sub.warn{color:var(--fp-warn);font-weight:600}
.fp-trow .n{font-family:"IBM Plex Mono",monospace;font-size:13px;font-weight:600}
.fp-warnbox{border:1px solid #ecc9a6;background:#fdf4ea;border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:6px}
.fp-warnbox p{margin:0;font-size:12.5px;color:#7d4a12;font-weight:600}
.fp-warnbox .fp-trow{margin:0 -4px;width:calc(100% + 8px);padding:5px 4px}
.fp-tip{margin:0;font-size:12px;color:var(--ink-dim);line-height:1.5}
.fp-kbd{font-family:"IBM Plex Mono",monospace;font-size:11px;padding:1px 5px;border:1px solid var(--line-2);border-bottom-width:2px;border-radius:5px;background:var(--panel-2);color:var(--ink)}

.fp-ins-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.fp-ins-kind{font-family:"Newsreader",serif;font-size:24px;font-weight:500;line-height:1.1;margin:2px 0}
.fp-ins-sub{font-size:12.5px;color:var(--ink-dim)}
.fp-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.fp-stat{background:var(--panel-2);border:1px solid var(--line);border-radius:11px;padding:9px 11px;display:flex;flex-direction:column;gap:2px}
.fp-stat span{font-size:11px;color:var(--ink-dim)}
.fp-stat strong{font-family:"IBM Plex Mono",monospace;font-size:18px;font-weight:500}
.fp-stat strong.sm{font-size:13.5px;padding-top:4px}
.fp-where{font-size:13px;font-weight:600;color:var(--ink-dim)}
.fp-where.warn{color:var(--fp-warn)}
.fp-ctl{display:flex;flex-direction:column;gap:7px}
.fp-ctl-row{display:flex;justify-content:space-between;align-items:center;gap:10px}
.fp-ctl-lab{font-size:12px;font-weight:600;color:var(--ink-dim)}
.fp-seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:6px}
.fp-seg button{min-height:40px;border:1px solid var(--line-2);border-radius:10px;background:var(--panel);color:var(--ink);font-size:12.5px;font-weight:600;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:4px 6px}
.fp-seg button small{font-size:10.5px;font-weight:500;opacity:.75}
.fp-seg button:hover{border-color:var(--accent)}
.fp-seg button.on{background:var(--fp-ink);border-color:var(--fp-ink);color:#fff}
.fp-step{display:inline-flex;align-items:center;border:1px solid var(--line-2);border-radius:10px;overflow:hidden;background:var(--panel)}
.fp-step button{width:42px;height:38px;border:none;background:transparent;cursor:pointer;color:var(--ink);display:flex;align-items:center;justify-content:center}
.fp-step button:hover{background:var(--panel-2)}
.fp-step button[disabled]{opacity:.35;cursor:default}
.fp-step output{min-width:40px;text-align:center;font-family:"IBM Plex Mono",monospace;font-size:15px;font-weight:600}
.fp-row2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.fp-row3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.fp-ins .fp-field input{width:100%}

.fp-client-title{font-family:"Newsreader",serif;font-size:26px;font-weight:500;line-height:1.1;margin:2px 0 4px;overflow-wrap:anywhere}
.fp-client-meta{display:flex;flex-direction:column;gap:2px;font-size:13.5px;color:var(--ink-dim)}
.fp-client-meta strong{color:var(--ink);font-weight:600}
.fp-fine{margin:0;font-size:12px;color:var(--ink-dim);line-height:1.5}
.fp-sheet{display:none}

/* ---- narrower screens ---- */
@media (max-width:1240px){
  .fp-work{grid-template-columns:212px minmax(0,1fr)}
  .fp-work .fp-side{grid-column:1 / -1;position:static;max-height:none}
  .fp-work.is-client{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:860px){
  #fpRoot{padding:18px 14px 48px}
  .fp-work{grid-template-columns:minmax(0,1fr)}
  .fp-palette{position:static;max-height:none}
  .fp-stage{order:-1}
  .fp-tiles{grid-template-columns:repeat(auto-fill,minmax(108px,1fr))}
  .fp-field.plan select,.fp-field.name input,.fp-field.client input{width:100%}
  .fp-field{flex:1 1 150px}
  .fp-bar-sep{display:none}
  .fp-bar-actions{margin-left:0;width:100%}
  .fp-scroll{max-height:70vh}
  .fp-foot .src{margin-left:0}
}

/* ---- print: the client sheet, one A4 landscape page ----
   Printing shows ONLY .fp-sheet (rendered by floorplan.js in client view or while printing):
   its own header, the plan and a compact summary, sized to fit the page. */
@page fp-sheet{size:A4 landscape;margin:10mm}
@media print{
  html:has(> body.view-floorplans),body.view-floorplans{background:#fff !important}
  body.view-floorplans > *:not(#fpRoot){display:none !important}
  #fpRoot{page:fp-sheet;max-width:none;padding:0;margin:0}
  .fp > *:not(.fp-sheet){display:none !important}
  .fp-sheet{display:flex;flex-direction:column;gap:4mm;height:188mm;overflow:hidden;color:#13242b;font-size:9pt}
  .fp-sheet-head{display:flex;justify-content:space-between;align-items:flex-end;gap:10mm;border-bottom:.4mm solid #0e7c66;padding-bottom:3mm}
  .fp-sheet-ev{font-family:"IBM Plex Mono",monospace;font-size:8pt;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#0a5d4d}
  .fp-sheet-title{font-family:"Newsreader",serif;font-weight:500;font-size:22pt;line-height:1.05;margin:1.5mm 0 0}
  .fp-sheet-facts{display:flex;gap:7mm;margin:0}
  .fp-sheet-facts div{display:flex;flex-direction:column;gap:.6mm}
  .fp-sheet-facts dt{font-family:"IBM Plex Mono",monospace;font-size:7pt;letter-spacing:.12em;text-transform:uppercase;color:#51646b}
  .fp-sheet-facts dd{margin:0;font-size:10.5pt;font-weight:600}
  .fp-sheet-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 56mm;gap:6mm}
  .fp-sheet-plan{min-width:0;display:flex;align-items:flex-start}
  .fp-sheet-plan .fp-svg{width:100% !important;height:auto;max-height:100%}
  .fp-sheet-plan .fp-paper{fill:#fff}
  .fp-sheet-side{display:flex;flex-direction:column;gap:2.5mm;min-height:0;overflow:hidden}
  .fp-sheet-side .fp-h{font-size:7pt}
  .fp-sheet table.fp-sheet-table{width:100%;min-width:0;border-collapse:collapse;table-layout:auto;font-size:8.5pt}
  .fp-sheet table.fp-sheet-table td{padding:1.2mm 1.5mm 1.2mm 0;border-bottom:.2mm solid #e2eae6;border-left:none;font-family:"Hanken Grotesk",sans-serif;font-size:8.5pt;color:#13242b;text-align:left;white-space:normal;overflow:visible;text-overflow:clip;width:auto;position:static;left:auto;z-index:auto;background:none}
  .fp-sheet table.fp-sheet-table td:last-child{padding-right:0}
  .fp-sheet table.fp-sheet-table td:nth-child(2){color:#51646b;font-size:7.5pt}
  .fp-sheet table.fp-sheet-table td.n{text-align:right;font-family:"IBM Plex Mono",monospace;font-weight:600}
  .fp-sheet table.fp-sheet-table tr.total td{font-weight:700;border-bottom:none}
  .fp-sheet-table .fp-sw{display:inline-block;width:2.6mm;height:2.6mm;margin-right:1.6mm;vertical-align:-.3mm;border-radius:.6mm}
  .fp-sheet-tables{list-style:none;margin:0;padding:0;columns:2;column-gap:4mm}
  .fp-sheet-tables li{display:flex;justify-content:space-between;gap:2mm;padding:.5mm 0;font-size:8pt;break-inside:avoid}
  .fp-sheet-tables b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .fp-sheet-tables span{font-family:"IBM Plex Mono",monospace;color:#51646b}
  .fp-sheet-foot{display:flex;justify-content:space-between;gap:8mm;font-size:7pt;color:#51646b;border-top:.2mm solid #e2eae6;padding-top:2mm}
  .fp-sheet .fp-item .fp-ring{stroke:transparent;fill:transparent}
  *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}