/* Studio v3 (24/10/2026) : barre d'outils à gauche, aperçu dominant, panneau compact à droite. */
#personalization-workspace.pw-v3[data-step] .pw-body { grid-template-columns:88px minmax(0,1fr) clamp(320px,28vw,400px); grid-template-areas:'tools flat side'; }
#personalization-workspace.pw-v3 .pw-tools { grid-area:tools; display:flex; flex-direction:column; gap:4px; padding:10px 6px; background:#1f2540; color:#d6dbeb; overflow:auto; }
#personalization-workspace.pw-v3 .pw-tool { display:flex; flex-direction:column; align-items:center; gap:5px; padding:11px 4px 9px; border:0; border-radius:10px; background:transparent; color:inherit; font:600 11px/1.2 'DM Sans',sans-serif; cursor:pointer; }
#personalization-workspace.pw-v3 .pw-tool svg { width:24px; height:24px; }
#personalization-workspace.pw-v3 .pw-tool:hover { background:#2b3358; color:#fff; }
#personalization-workspace.pw-v3 .pw-tool.active { background:#fff; color:#0071e3; }
#personalization-workspace.pw-v3 .pw-tools.is-muted .pw-tool.active { background:#2b3358; color:#fff; }
#personalization-workspace.pw-v3 .pw-tool:focus-visible { outline:3px solid #fff; outline-offset:-3px; }

#personalization-workspace.pw-v3 .pw-side { padding:0; }
#personalization-workspace.pw-v3 .pw-panel-title { margin:16px 18px 2px; font:800 18px/1.25 'Manrope',sans-serif; letter-spacing:-.3px; }
#personalization-workspace.pw-v3 .pw-panel-hint { margin:0 18px 10px; font-size:12.5px; color:#59607a; }
#personalization-workspace.pw-v3 .pw-side-steps > details[hidden], #personalization-workspace.pw-v3 .pw-side-steps > .pj-dialog-quantity[hidden] { display:none; }
#personalization-workspace.pw-v3 .pw-side-steps > details > summary > span:first-child { font-size:14px; }

/* Étapes dans l'en-tête */
#personalization-workspace.pw-v3 .pw-stages { display:flex; align-items:center; gap:18px; margin:0 auto; padding:0; list-style:none; }
#personalization-workspace.pw-v3 .pw-stage { display:flex; align-items:center; gap:7px; font-size:13px; font-weight:600; color:#8a90a6; }
#personalization-workspace.pw-v3 .pw-stage + .pw-stage::before { content:''; width:26px; height:1px; background:#cfd4e2; margin-right:4px; }
#personalization-workspace.pw-v3 .pw-stage-num { display:grid; place-items:center; width:24px; height:24px; border-radius:50%; border:1.5px solid #cfd4e2; font-size:12px; }
#personalization-workspace.pw-v3 .pw-stage.is-current { color:#1f2540; }
#personalization-workspace.pw-v3 .pw-stage.is-current .pw-stage-num { background:#0071e3; border-color:#0071e3; color:#fff; }
#personalization-workspace.pw-v3 .pw-stage.is-done { color:#2f7d4f; }
#personalization-workspace.pw-v3 .pw-stage.is-done .pw-stage-num { background:#2f7d4f; border-color:#2f7d4f; color:#fff; }
@media (max-width: 700px) { #personalization-workspace.pw-v3 .pw-stage-label { display:none; } #personalization-workspace.pw-v3 .pw-stage.is-current .pw-stage-label { display:inline; } }

/* Contrôle qualité près du logo */
#personalization-workspace.pw-v3 .pw-quality { display:flex; align-items:center; gap:9px; margin:2px 0 0; padding:8px 12px; border-radius:8px; font-size:12.5px; line-height:1.4; background:#edf6f0; color:#1f4d31; }
#personalization-workspace.pw-v3 .pw-quality .pw-quality-dot { flex:none; width:10px; height:10px; border-radius:50%; background:#2f7d4f; }
#personalization-workspace.pw-v3 .pw-quality.is-orange { background:#fdf1d9; color:#674513; } #personalization-workspace.pw-v3 .pw-quality.is-orange .pw-quality-dot { background:#d98b00; }
#personalization-workspace.pw-v3 .pw-quality.is-red { background:#fff0ed; color:#9e2424; } #personalization-workspace.pw-v3 .pw-quality.is-red .pw-quality-dot { background:#d92d20; }

/* Vérification */
#personalization-workspace.pw-v3 .pw-review { padding:0 18px 18px; display:flex; flex-direction:column; gap:12px; }
#personalization-workspace.pw-v3 .pw-review .pw-preview { margin:0; }
#personalization-workspace.pw-v3 .pw-review-list { display:grid; grid-template-columns:auto 1fr; gap:6px 14px; margin:0; font-size:13px; }
#personalization-workspace.pw-v3 .pw-review-list dt { color:#59607a; } #personalization-workspace.pw-v3 .pw-review-list dd { margin:0; font-weight:600; }
#personalization-workspace.pw-v3 .pw-review-button { margin-bottom:8px; }
#personalization-workspace.pw-v3 .pw-review-button[hidden] { display:none; }
#personalization-workspace.pw-v3 .pw-footer-actions .pw-review-button { width:100%; }

/* Écrans étroits : la barre d'outils devient des onglets sous l'aperçu, le panneau dessous. */
@media (max-width: 900px) {
 #personalization-workspace.pw-v3[data-step] .pw-body { display:flex; flex-direction:column; }
 #personalization-workspace.pw-v3 .pw-tools { order:2; flex-direction:row; justify-content:space-around; padding:6px 4px; position:sticky; top:0; z-index:4; }
 #personalization-workspace.pw-v3 .pw-flat { order:1; }
 #personalization-workspace.pw-v3 .pw-side { order:3; }
 #personalization-workspace.pw-v3 .pw-tool { flex:1 1 0; padding:7px 2px 6px; font-size:10.5px; }
 #personalization-workspace.pw-v3 .pw-tool svg { width:20px; height:20px; }
}
/* Préparation du logo */
#personalization-workspace.pw-v3 .pw-progress { display:flex; align-items:center; gap:10px; margin:4px 0 0; padding:8px 12px; border-radius:8px; background:#eef4ff; color:#1f2540; font-size:13px; font-weight:600; }
#personalization-workspace.pw-v3 .pw-progress[hidden] { display:none; }
#personalization-workspace.pw-v3 .pw-progress-ring { flex:none; width:18px; height:18px; border-radius:50%; border:2.5px solid #c7dcf8; border-top-color:#0071e3; animation:pw-spin .9s linear infinite; }
@keyframes pw-spin { to { transform:rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { #personalization-workspace.pw-v3 .pw-progress-ring { animation:none; } }
/* L'ancien bandeau à quatre étapes fait doublon avec Personnaliser / Vérifier / Commander. */
#personalization-workspace.pw-v3 .pj-stepper { display:none; }
@media (max-width: 900px) {
 #personalization-workspace.pw-v3[data-step] .pw-header { flex-wrap:wrap; }
 #personalization-workspace.pw-v3 .pw-heading { flex:1 1 auto; min-width:0; }
 #personalization-workspace.pw-v3 .pw-stages { order:3; flex:1 1 100%; justify-content:center; gap:10px; margin:4px 0 0; }
 #personalization-workspace.pw-v3 .pw-stage + .pw-stage::before { width:14px; }
}
@media (max-width: 900px) { #personalization-workspace.pw-v3 .pw-review-button[disabled] { display:none; } }
#personalization-workspace.pw-v3 .pw-side > .pw-preview-top { margin:12px 18px 0; }
/* Prix à côté du bouton « Ajouter au panier », quantité à gauche. */
#personalization-workspace.pw-v3 .pw-footer { display:flex!important; justify-content:flex-end; align-items:center; gap:24px; }
#personalization-workspace.pw-v3 .pw-footer-quantity { margin-right:auto!important; }
#personalization-workspace.pw-v3 .pw-purchase { display:flex!important; width:auto!important; max-width:none; flex:0 1 auto; margin-left:auto; align-items:center; justify-content:flex-end; gap:22px; }
#personalization-workspace.pw-v3 .pw-purchase .custom-quote { flex:0 1 auto!important; min-width:0; text-align:right; }
#personalization-workspace.pw-v3 .pw-purchase .custom-quote details { text-align:left; }
#personalization-workspace.pw-v3 .pw-purchase .pw-footer-actions { flex:0 0 auto; width:auto; min-width:250px; }
@media (max-width: 760px) { #personalization-workspace.pw-v3 .pw-footer { flex-wrap:wrap; } #personalization-workspace.pw-v3 .pw-purchase { flex-basis:100%; justify-content:space-between; } }
#personalization-workspace.pw-v3[data-step] .pw-body > .pj-dialog-quantity { grid-column:1/-1; justify-self:center; width:min(100%,560px); }
/* Pied : tout à droite, serré (quantité · prix · boutons). */
@media (min-width: 761px) {
#personalization-workspace.pw-v3 .pw-footer { justify-content:flex-end!important; gap:18px!important; }
#personalization-workspace.pw-v3 .pw-footer-quantity { margin:0!important; max-width:150px; }
#personalization-workspace.pw-v3 .pw-purchase { margin:0!important; gap:18px!important; flex:0 0 auto!important; width:auto!important; padding:8px 12px 8px 16px; }
#personalization-workspace.pw-v3 .pw-purchase .custom-quote { flex:0 0 auto!important; max-width:460px; margin:0!important; }
#personalization-workspace.pw-v3 .pw-purchase .pw-footer-actions { margin:0!important; min-width:230px; flex:0 0 auto!important; }
}
@media (min-width: 761px) {
#personalization-workspace.pw-v2.pw-v3[data-step] .pw-footer { display:flex!important; justify-content:flex-end!important; align-items:center; gap:18px!important; }
#personalization-workspace.pw-v2.pw-v3[data-step] .pw-footer-quantity { flex:0 0 auto; max-width:150px; margin:0!important; }
#personalization-workspace.pw-v2.pw-v3[data-step] .pw-purchase { display:flex!important; flex:0 0 auto; align-items:center; gap:18px; margin:0!important; width:auto!important; border:1px solid #d1d7e4; border-radius:14px; background:#f7f9fc; padding:8px 12px 8px 16px; }
#personalization-workspace.pw-v2.pw-v3[data-step] .pw-purchase #custom-quote { flex:0 0 auto; max-width:460px; }
#personalization-workspace.pw-v2.pw-v3[data-step] .pw-purchase .pw-footer-actions { flex:0 0 auto; min-width:230px; margin:0; }
}