/* Proposal-specific content inside the shared Ceangal editor shell. */
.proposal-workspace-title { display: grid; justify-items: start; }

.proposal-editor-section[data-proposal-section="calculator"] .proposal-editor-section-body,
.proposal-editor-section[data-proposal-section="options"] .proposal-editor-section-body,
.proposal-editor-section[data-proposal-section="terms"] .proposal-editor-section-body {
  display: block;
  padding-top: 17px;
}

.proposal-calculator-panel {
  position: static !important;
  width: auto !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
}
.proposal-calculator-panel .panel-heading { display: none; }
.proposal-calculator-panel fieldset { border: 0; padding: 0; }
.proposal-calculator-panel details { margin-top: 18px; }

.proposal-preview-context { padding-left: 16px; border-left: 2px solid #32ccc4; }
.proposal-preview-controls { display: flex; align-items: center; gap: 7px; }
.proposal-preview-controls > span { margin-right: 7px; }
.proposal-preview-controls button {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border: 0;
  border-radius: 50%;
  background: #edf4f6;
  padding: 0;
  color: #005f81;
}
.proposal-preview-controls output {
  min-width: 44px;
  color: #005f81;
  font-size: .72rem;
  font-weight: 750;
  text-align: center;
}

.proposal-report {
  --proposal-zoom: 1;
  margin-bottom: calc((var(--proposal-zoom) - 1) * 1330px);
  transform: scale(var(--proposal-zoom));
  transform-origin: top center;
  transition: transform .2s ease;
}
.proposal-preview-focus {
  position: relative;
  background: linear-gradient(90deg, rgba(50, 204, 196, .09), rgba(50, 204, 196, .025));
  box-shadow: inset 3px 0 #32ccc4;
  transition: background .2s ease, box-shadow .2s ease;
}
.proposal-report-title.proposal-preview-focus,
.proposal-section.proposal-preview-focus,
.proposal-next-step.proposal-preview-focus {
  margin-right: -14px;
  margin-left: -14px;
  padding-right: 14px;
  padding-left: 14px;
}
.report-close[hidden] { display: none !important; }

.proposal-preview-context.context-change { animation: proposal-context-settle 320ms cubic-bezier(.22, .72, .2, 1); }
.proposal-report > * { transition: opacity 260ms ease, filter 260ms ease; }
.proposal-report.proposal-preview-page-active > *:not(.proposal-preview-related) { opacity: .48; filter: saturate(.72); }
.proposal-report.proposal-preview-page-active > .proposal-preview-related { opacity: 1; filter: none; }
.proposal-preview-marker { position: relative; }
.proposal-preview-marker::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -14px;
  width: 2px;
  min-height: 28px;
  border-radius: 999px;
  background: #00997e;
  box-shadow: 0 0 0 4px rgba(50, 204, 196, .08);
  content: "";
}

@keyframes proposal-context-settle {
  from { opacity: .5; transform: translateY(3px); }
  to { opacity: 1; transform: none; }
}

@media (max-width: 700px) {
  .proposal-preview-controls { flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) {
  .proposal-preview-context.context-change { animation: none; }
  .proposal-report > * { transition: none; }
}
@media print {
  .proposal-report > * { opacity: 1 !important; filter: none !important; }
  .proposal-preview-marker::before { display: none; }
}