/* Styles for the interactive workflow views */
.cad-sheet,.quote-sheet,.production-card,.launch-sheet{position:absolute;z-index:2;left:50%;bottom:28px;transform:translateX(-50%) rotate(-1deg);width:260px;background:#fffefa;padding:17px;box-shadow:0 10px 18px rgba(65,62,52,.16)}
.cad-sheet{top:32px;bottom:auto;height:250px}.cad-mug{position:absolute;top:52px;left:77px;width:96px;height:124px;border:2px solid #526a77;border-radius:12px 12px 24px 24px}.cad-mug:before{content:"";position:absolute;left:-4px;top:-8px;width:100px;height:14px;border:2px solid #526a77;border-radius:4px;background:#d8e1e0}.cad-mug i{position:absolute;width:27px;height:47px;border:2px solid #526a77;border-left:0;border-radius:0 25px 25px 0;right:-28px;top:29px}.cad-mug b{position:absolute;height:137px;border-left:1px dashed #9da9a0;top:-9px;left:46px}.cad-mug span{position:absolute;width:130px;border-top:1px dashed #9da9a0;left:-16px;top:60px}.cad-notes{position:absolute;bottom:17px;left:17px;right:17px;border-top:1px solid #e3e5de;padding-top:7px}.cad-notes p{margin:3px 0;font-family:var(--mono);font-size:7px;color:#6f7c74}.stage-design{background:#d4e0de}
.quote-sheet{top:48px;bottom:auto;transform:translateX(-50%) rotate(2deg)}.supplier-row{display:grid;grid-template-columns:1.35fr .8fr .8fr;gap:4px;border-top:1px solid #e4e6df;padding:9px 2px;font-size:9px;align-items:center}.supplier-row.head{font-family:var(--mono);font-size:7px;color:#89938c}.supplier-row span{display:flex;gap:5px;align-items:center}.supplier-row span i{height:7px;width:7px;background:#9fae84;border-radius:50%}.supplier-row b{font-size:8px}.supplier-row.selected{margin:0 -6px;padding:9px 8px;background:#e6f1db;border-radius:3px}.stage-source{background:#ded4c0}
.production-card{top:48px;bottom:auto;transform:translateX(-50%) rotate(-2deg)}.production-card h4{font-family:var(--serif);font-size:34px;margin:5px 0 22px}.production-progress{height:10px;border-radius:10px;background:#e3e5dc;overflow:hidden}.production-progress i{display:block;width:48%;height:100%;background:#8eb37a}.production-count{display:flex;justify-content:space-between;color:#8c968e;font-family:var(--mono);font-size:7px;margin-top:4px}.production-stats{display:flex;gap:35px;border-top:1px solid #e5e7df;margin-top:18px;padding-top:11px}.production-stats p{margin:0;display:flex;flex-direction:column}.production-stats b{font-size:13px}.production-stats small{font-size:7px;color:#77817a}.stage-make{background:#cfdfcf}
.launch-sheet{top:40px;bottom:auto;transform:translateX(-50%) rotate(1deg)}.launch-check{display:flex;gap:8px;align-items:center;border-top:1px solid #e4e6df;padding:10px 0;font-size:9px}.launch-check>span{height:13px;width:13px;display:flex;align-items:center;justify-content:center;border:1px solid #b8c1b9;border-radius:50%;color:#fff;font-size:8px}.launch-check:nth-of-type(2)>span,.launch-check:nth-of-type(3)>span{background:#75a662;border-color:#75a662}.launch-check.current>span{border:3px solid var(--yellow)}.launch-check p{flex:1;margin:0}.launch-check b{font-size:7px;color:#6a7e66}.stage-launch{background:#ead9c2}
@media(max-width:640px){.cad-sheet,.quote-sheet,.production-card,.launch-sheet{transform:translateX(-50%) scale(.9) rotate(-1deg)}}