/* ─────────────────────────────────────────────
   AMPACITIES · calc-save.css
   Styles for the shared "Save to project" control (shared/calc-save.js),
   injected into the calculator sheet header (.vd-head .hr).
   ───────────────────────────────────────────── */
/* PDF button (relocated into the header, beside Save). Outlined to sit
   secondary to the filled copper Save button. */
.vd-pdf-btn{
  font-family:'IBM Plex Mono',monospace; font-size:10px; letter-spacing:0.14em;
  text-transform:uppercase; cursor:pointer; padding:6px 13px; margin:0 8px 0 12px;
  border:1px solid rgba(255,255,255,0.42); background:transparent;
  color:rgba(255,255,255,0.92); border-radius:2px; white-space:nowrap;
  transition:border-color .15s, color .15s;
}
.vd-pdf-btn:hover{ border-color:var(--copper,#ea6a3a); color:var(--copper,#ea6a3a); }

/* The old export bar's buttons (PDF/LaTeX/DOCX/CSV) are replaced by the header
   PDF button — hide them but keep the doc-number meta in that row. */
.vd-exports .xb{ display:none !important; }

.vd-save{ position:relative; display:inline-flex; }
.vd-save-btn{
  font-family:'IBM Plex Mono',monospace; font-size:10px; letter-spacing:0.14em;
  text-transform:uppercase; cursor:pointer; padding:6px 13px;
  border:1px solid var(--copper,#ea6a3a); background:var(--copper,#ea6a3a);
  color:#fff; border-radius:2px; white-space:nowrap; transition:opacity .15s;
}
.vd-save-btn:hover{ opacity:0.88; }
.vd-save-btn.ghost{ background:transparent; color:rgba(255,255,255,0.92); border-color:rgba(255,255,255,0.4); }
.vd-save-panel{
  position:absolute; top:calc(100% + 9px); right:0; z-index:60; width:300px;
  background:#f6f3ec; color:#1a1a1a; border:1px solid #d8d2c4;
  box-shadow:0 18px 50px rgba(0,0,0,0.30); padding:16px; border-radius:4px; text-align:left;
}
.vsp-head{ font-family:'IBM Plex Mono',monospace; font-size:10px; letter-spacing:0.18em;
  text-transform:uppercase; color:#8a8478; margin-bottom:13px; }
.vsp-fld{ display:block; margin-bottom:12px; }
.vsp-fld > span{ display:block; font-family:'IBM Plex Mono',monospace; font-size:9.5px;
  letter-spacing:0.12em; text-transform:uppercase; color:#8a8478; margin-bottom:5px; }
.vsp-fld select, .vsp-fld input{ width:100%; box-sizing:border-box; padding:9px 10px;
  border:1px solid #cfc8ba; background:#fff; font-family:'Manrope',sans-serif; font-size:13px;
  color:#1a1a1a; border-radius:2px; }
.vsp-fld select:focus, .vsp-fld input:focus{ outline:none; border-color:var(--copper,#ea6a3a); }
.vsp-actions{ display:flex; align-items:center; gap:12px; margin-top:2px; }
.vsp-save{ font-family:'IBM Plex Mono',monospace; font-size:10px; letter-spacing:0.14em;
  text-transform:uppercase; cursor:pointer; padding:9px 18px; border:1px solid #14171a;
  background:#14171a; color:#fff; border-radius:2px; }
.vsp-save[disabled]{ opacity:0.5; cursor:default; }
.vsp-msg{ font-family:'IBM Plex Mono',monospace; font-size:10px; letter-spacing:0.03em;
  color:#3f7a4a; line-height:1.3; }
.vsp-msg.err{ color:#b5482f; }