/* Mon Panier — compositions vectorielles. Auteur : ChatGPT, 19/09/2026.
   Même fichier pour Open Design et assets/ui-kit/. Les anciens crops ne sont
   jamais placés sous les nouvelles illustrations. Aucun style métier global. */
.mp-ui-art{display:block;width:100%;height:100%;overflow:visible;pointer-events:none;flex:none}
.mp-ui-art-stage{display:grid;place-items:center;min-width:0;pointer-events:none}
.mp-ui-art-brands{display:flex;align-items:center;gap:var(--mp-ui-space-2);margin-top:var(--mp-ui-space-3)}
.mp-ui-art-brands img{display:block;width:24px;height:28px;object-fit:contain}
.mp-ui-art-advance{display:grid;place-items:center;justify-self:end;align-self:end;width:32px;height:32px;border-radius:var(--mp-ui-radius-pill);background:var(--mp-ui-surface);color:var(--mp-ui-green);pointer-events:none}
.mp-ui-art-advance svg{width:18px;height:18px}
/* La flèche dispose de sa propre cellule. Ni elle ni le texte ne recouvrent le SVG. */
.mp-ui-home-card.mp-ui-art-home,
.mp-home-shell .mp-home-action[data-mp-ui-artwork]{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);grid-template-rows:minmax(108px,auto) 32px;gap:4px 8px;min-height:176px;aspect-ratio:auto;padding:var(--mp-ui-space-4);border:0;border-radius:var(--mp-ui-radius);background:var(--mp-ui-mint);color:var(--mp-ui-ink);overflow:hidden;margin:0;box-shadow:none;text-align:left;isolation:isolate}
.mp-ui-home-card.mp-ui-art-home.mp-ui-home-card--plan,.mp-home-shell .mp-home-action[data-mp-ui-artwork="week-plan"]{background:var(--mp-ui-peach)}
.mp-ui-home-card.mp-ui-art-home.mp-ui-home-card--import,.mp-home-shell .mp-home-action[data-mp-ui-artwork="social-import"]{background:var(--mp-ui-coral-soft)}
.mp-ui-art-home .mp-ui-home-copy,
.mp-home-shell .mp-home-action[data-mp-ui-artwork] .mp-home-action-copy{position:relative;inset:auto;grid-column:1;grid-row:1/3;align-self:center;min-width:0;width:100%;inline-size:100%;z-index:1}
.mp-ui-art-home .mp-ui-home-copy strong,
.mp-home-shell .mp-home-action[data-mp-ui-artwork] .mp-home-action-copy strong{font:var(--mp-ui-weight-heading) clamp(23px,6.6vw,28px)/1.08 var(--mp-ui-font-display);letter-spacing:-.035em;white-space:pre-line;color:var(--mp-ui-ink);overflow-wrap:normal}
.mp-ui-art-home .mp-ui-home-copy small,
.mp-home-shell .mp-home-action[data-mp-ui-artwork] .mp-home-action-copy small{display:block;margin-top:var(--mp-ui-space-2);font:var(--mp-ui-weight-body) var(--mp-ui-label-size)/1.45 var(--mp-ui-font-body);color:var(--mp-ui-ink);opacity:1;white-space:pre-line;overflow-wrap:anywhere}
.mp-ui-art-home>.mp-ui-art-stage,
.mp-home-shell .mp-home-action[data-mp-ui-artwork]>.mp-home-action-art{grid-column:2;grid-row:1;position:relative;inset:auto;width:100%;inline-size:100%;height:120px;block-size:120px;display:block;mask:none;-webkit-mask:none;filter:none;transform:none;opacity:1;z-index:0;pointer-events:none}
.mp-ui-art-home>.mp-ui-art-advance,
.mp-home-shell .mp-home-action[data-mp-ui-artwork]>.mp-ui-art-advance{grid-column:2;grid-row:2;position:relative;inset:auto;z-index:1}
.mp-home-shell .mp-home-action[data-mp-ui-artwork]::before,.mp-home-shell .mp-home-action[data-mp-ui-artwork]::after{content:none;display:none}
.mp-home-shell .mp-home-action[data-mp-ui-artwork] .mp-home-action-art::before,.mp-home-shell .mp-home-action[data-mp-ui-artwork] .mp-home-action-art::after{content:none;display:none}
.mp-ui-choice.mp-ui-art-choice{display:grid;grid-template-columns:minmax(0,1fr) 116px;grid-template-rows:auto 32px;gap:8px 12px;min-height:176px;padding:var(--mp-ui-space-4);border:1px solid var(--mp-ui-stroke);background:var(--mp-ui-surface);border-radius:var(--mp-ui-radius);box-shadow:var(--mp-ui-shadow)}
.mp-ui-art-choice>.mp-ui-choice-copy{grid-column:1;grid-row:1/3;align-self:center}
.mp-ui-art-choice .mp-ui-choice-copy strong{font:var(--mp-ui-weight-heading) 24px/1.12 var(--mp-ui-font-display);letter-spacing:-.025em}
.mp-ui-art-choice>.mp-ui-art-stage{grid-column:2;grid-row:1;height:106px}
.mp-ui-art-choice>.mp-ui-art-advance{grid-column:2;grid-row:2;background:var(--mp-ui-mint)}
.mp-ui-recipe-actions{display:grid;gap:var(--mp-ui-space-2);width:100%}
.mp-ui-recipe-actions-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(86px,max-content);gap:var(--mp-ui-space-2);align-items:stretch}
.mp-ui-recipe-actions-row>.mp-ui-action{min-width:0;width:100%;padding:var(--mp-ui-space-3);font-size:14px}
.mp-ui-recipe-actions-row>.mp-ui-action:first-child{flex-wrap:nowrap}
.mp-ui-recipe-actions-row>.mp-ui-action:first-child svg{display:none}
.mp-ui-recipe-actions>.mp-ui-action{width:100%}
.mp-ui-recipe-provenance{position:absolute;top:8px;left:8px;display:grid;place-items:center;width:32px;height:32px;padding:5px;border-radius:10px;background:var(--mp-ui-surface);box-shadow:var(--mp-ui-shadow);color:var(--mp-ui-green);pointer-events:none}
.mp-ui-recipe-provenance img,.mp-ui-recipe-provenance svg{display:block;width:22px;height:22px;object-fit:contain}
.mp-ui-recipe-more{position:absolute;right:4px;top:52px;min-width:44px;width:44px;height:44px;min-height:44px;padding:10px;border-radius:var(--mp-ui-radius-pill)}
.mp-ui-recipe-meta{min-height:17px;line-height:1.45}
.mp-ui-art-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--mp-ui-space-4)}
.mp-ui-art-gallery article{padding:var(--mp-ui-space-4);border:1px solid var(--mp-ui-stroke);border-radius:var(--mp-ui-radius);background:var(--mp-ui-surface);text-align:center}
.mp-ui-art-gallery .mp-ui-art{height:160px}
.mp-ui-art-gallery h3{margin:12px 0 0;font:600 13px/1.4 var(--mp-ui-font-body);color:var(--mp-ui-ink)}
.mp-ui-art-intro{width:160px;height:146px;margin:0 auto var(--mp-ui-space-4)}
@media(max-width:360px){.mp-ui-choice.mp-ui-art-choice{grid-template-columns:minmax(0,1fr) 96px;gap:8px}.mp-ui-art-choice .mp-ui-choice-copy strong{font-size:22px}.mp-ui-recipe-actions-row>.mp-ui-action{font-size:13px;padding:12px 8px}.mp-ui-recipe-actions-row>.mp-ui-action:last-child svg{display:none}}
@media(prefers-reduced-motion:reduce){.mp-ui-art,.mp-ui-art-home,.mp-ui-art-choice{animation:none;transition:none}}
@media(forced-colors:active){.mp-ui-art-home,.mp-ui-art-choice{border:1px solid ButtonText}.mp-ui-art-advance{border:1px solid ButtonText}}