/* Coupe de profil (src/coupe.js) : la barre des réglages, et la feuille en aperçu à l'échelle de
   l'écran. La feuille, le cartouche et l'impression reprennent les styles des pièces graphiques
   (.pg-feuille, .pg-cartouche, .pg-impression de style.css). */
.cp { z-index: 60; }
.cp > .pg-barre-haut { flex-wrap: wrap; gap: 8px; background: var(--fond); }
.cp > .pg-barre-haut .pg-titre { flex: 1; min-width: 160px; text-align: left; font-size: var(--t-14); }
.cp-reglage { display: inline-flex; align-items: center; gap: 6px; color: var(--encre-3); font-size: var(--t-13); }
.cp-reglage select { height: 32px; padding: 0 26px 0 10px; border: 0; border-radius: var(--r-bouton); background-color: var(--survol); box-shadow: inset 0 0 0 1px var(--filet-2); color: var(--encre); font: inherit; font-size: var(--t-13); -webkit-appearance: none; appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='%23888' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 8px center; background-size: 11px; }
.cp-reglages { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 18px; padding: 8px 16px; border-bottom: 1px solid var(--filet); background: var(--fond); }
.cp-groupe { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; }
.cp-titre { color: var(--encre); font-size: var(--t-12); font-weight: 600; }
.cp-reglage input:not([type="checkbox"]) { width: 72px; height: 32px; padding: 0 8px; border: 0; border-radius: var(--r-bouton); background: var(--survol); box-shadow: inset 0 0 0 1px var(--filet-2); color: var(--encre); font: inherit; font-size: var(--t-13); font-variant-numeric: tabular-nums; }
.cp-reglage input[data-cp-exag] { width: 56px; }
.cp-case { gap: 6px; color: var(--encre); }
.cp-petit { min-height: 32px; height: 32px; padding: 0 10px; font-size: var(--t-13); }
.cp-note { margin: 0; padding: 6px 16px; color: var(--encre-3); font-size: var(--t-12); background: var(--fond); }
.cp-etat { color: var(--encre); border-top: 1px solid var(--filet); }
.cp-etat.tp-erreur { color: var(--rouge, #d9534f); }
.cp-apercu .cp-feuille { cursor: grab; touch-action: none; }
.cp-glisse .cp-feuille { cursor: grabbing; }
.cp-apercu { flex: 1; min-height: 0; display: grid; place-items: center; overflow: auto; padding: 16px; background: #2a2a2a; }
.cp-feuille { flex: none; }
.cp-feuille .cp-svg, .cp-feuille .cp-repere { position: absolute; inset: 0; }
@media (max-width: 700px) {
  .cp > .pg-barre-haut .pg-titre { display: none; }
  .cp-reglages { padding: 8px 12px; gap: 6px 12px; }
  .cp-reglage input:not([type="checkbox"]) { width: 60px; }
}
/* sous le logo : l'agence, son adresse électronique et son téléphone */
.cp-c-logo { gap: calc(var(--mm) * 0.6); padding: calc(var(--mm) * 1.6) calc(var(--mm) * 1.2); text-align: center; }
.cp-c-logo img { width: calc(var(--mm) * 9); height: calc(var(--mm) * 9); }
.cp-c-logo small { display: block; font-size: calc(var(--mm) * 1.75); line-height: 1.25; letter-spacing: 0; white-space: nowrap; }
.cp-c-logo small:first-of-type { margin-top: calc(var(--mm) * 0.4); font-weight: 600; }