/* Garden playback: restrained motion, stage colours and compact controls. */
.mj-workspace-page .mj-layer-controls{flex-wrap:wrap;gap:4px}
.mj-workspace-page .mj-layer-controls button{min-height:34px;font-size:12px;padding:5px 9px}
.mj-workspace-page .mj-layer-controls button[aria-pressed=true]{background:#e7eedf;color:#284c33;border-color:#aec1a0;box-shadow:inset 0 0 0 1px #c4d2b6}
.mj-workspace-page #g-toggle-plants[aria-pressed=true]{background:#355c40;color:#fffdf4;border-color:#355c40;box-shadow:none}
.mj-workspace-page .mj-map-ribbon{align-items:center;gap:8px}
.mj-workspace-page .mj-plan-heading{margin-bottom:7px}
.mj-workspace-page .g-date-controls{gap:8px;flex-wrap:wrap}
.mj-workspace-page .mj-growth-speed{font-size:11px!important;display:flex;align-items:center;gap:5px!important}
.mj-workspace-page .mj-growth-speed select{font:inherit;min-height:31px;border:1px solid #d6decc;background:#fffdf7;color:#40543b;border-radius:6px;padding:3px 4px}
.mj-workspace-page #g-replay{font-size:21px;line-height:1;min-width:32px;min-height:32px}
.mj-workspace-page #g-play[aria-pressed=true]{background:#355c40;color:#fffdf3;border-color:#355c40}
.mj-live-plant{pointer-events:none}
.mj-grow-body{transform-box:view-box;transform-origin:0px 4px}
.mj-flowers,.mj-fruits{transform-origin:0px 0px}
.is-growing .mj-grow-sway{animation:mj-leaf-sway 2.6s ease-in-out infinite alternate;animation-delay:var(--sway-delay);transform-origin:0 4px}
@keyframes mj-leaf-sway{from{transform:rotate(-1.7deg)}to{transform:rotate(1.7deg)}}
.mj-growth-panel{border:1px solid #d6dfcd;border-radius:10px;background:#f4f7ee;margin:10px 0 0;padding:12px 15px;color:#40553c}
.mj-growth-panel[hidden]{display:none}
.mj-growth-head{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.mj-growth-head>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.mj-growth-head b{font-size:14px}
.mj-growth-dot{display:inline-block;width:7px;height:7px;background:#5e8d47;border-radius:50%}
.is-playing .mj-growth-dot{animation:mj-pulse 1.3s ease-in-out infinite alternate}
@keyframes mj-pulse{to{box-shadow:0 0 0 4px #7b9e4b21}}
.mj-growth-simulation{font-size:10px;color:#768268;padding:2px 7px;border:1px solid #dce3d2;border-radius:20px}
.mj-workspace-page #g-next-harvest{font-size:11px;color:#405f3a;background:#fffdf7;border:1px solid #d2dec4;border-radius:6px;padding:5px 8px;min-height:31px}
#g-growth-status{font-size:12px;color:#697855;line-height:1.6;margin-top:4px}
.mj-growth-legend{display:flex;gap:8px 15px;flex-wrap:wrap;font-size:10px;margin-top:8px;color:#6b795e}
.mj-growth-legend span{display:flex;gap:5px;align-items:center;white-space:nowrap}
.mj-growth-legend i,.mj-growth-stage{display:inline-block;flex-shrink:0;width:7px;height:7px;border-radius:50%;background:#80945b}
.mj-growth-legend .seed,.mj-growth-stage.semis{background:#ae8c54}.mj-growth-legend .sprout,.mj-growth-stage.levee,.mj-growth-stage.jeune{background:#acbb74}.mj-growth-legend .grown{background:#527e45}.mj-growth-legend .bloom,.mj-growth-stage.fleurs{background:#cc9cac}.mj-growth-legend .harvest,.mj-growth-stage.recolte{background:#d69a42}.mj-growth-legend .ended,.mj-growth-stage.apres{background:#b8ae98}.mj-growth-stage.attente{background:transparent;border:1px solid #a4ae96}.mj-growth-stage.abri{background:#83b7ba}.mj-growth-stage.fruits{background:#b4a158}
.mj-growth-panel details{border-top:1px solid #e1e6d8;margin-top:10px;padding-top:6px}
.mj-growth-panel summary{font-size:11px;font-weight:700;cursor:pointer;padding:3px 0;color:#5d7250}
.mj-growth-panel summary span{font-weight:400;margin-left:4px}
#g-growth-crops{max-height:240px;overflow:auto;overscroll-behavior:contain;margin-top:6px}
.mj-workspace-page .mj-growth-crop{display:flex;align-items:center;width:100%;text-align:left;border:0;border-top:1px solid #e5e9dc;background:transparent;gap:9px;padding:9px 2px;min-height:44px;color:#4d6441}
.mj-workspace-page .mj-growth-crop:hover{background:#e9efdf}
.mj-growth-crop b{font-size:12px;font-weight:700;display:block}.mj-growth-crop small{font-size:10px;font-weight:400;display:block;color:#7a856b;line-height:1.5}
.mj-growth-crop.is-ripe b{color:#976d29}.mj-growth-dates{margin-left:auto;font-size:11px;text-align:right;flex-shrink:0}
.mj-growth-panel.is-playing{border-color:#bacdaa}
@media(max-width:600px){.mj-workspace-page .mj-layer-controls{margin-left:0;gap:3px}.mj-workspace-page .mj-layer-controls button{font-size:11px;padding:4px 7px;min-height:34px}.mj-workspace-page .mj-layer-controls .mj-icon{width:15px;height:15px}.mj-workspace-page .g-date-controls{justify-content:flex-start;gap:6px}.mj-workspace-page .mj-growth-speed{font-size:10px!important}.mj-growth-panel{padding:10px}.mj-growth-head b{font-size:12px}.mj-growth-head>div{gap:6px}.mj-growth-head .mj-growth-simulation{display:none}.mj-growth-legend{gap:7px 11px;font-size:9px}.mj-workspace-page .g-date-controls .g-play{font-size:11px;padding:6px 8px;min-height:34px}.mj-growth-crop{flex-wrap:wrap}.mj-growth-dates{font-size:10px;max-width:36%}}
@media(prefers-reduced-motion:reduce){.is-growing .mj-grow-sway,.is-playing .mj-growth-dot{animation:none!important}}
@media print{.mj-growth-speed,#g-replay,#g-next-harvest{display:none}.mj-grow-sway{animation:none!important}}