.baa-gestion-02{--baa-gestion-02-ink:var(--color-text,#332F35);--baa-gestion-02-muted:var(--color-text-muted,#817A84);--baa-gestion-02-line:var(--color-border,#ECE8EF);--baa-gestion-02-purple:var(--color-brand,#9E51E8);--baa-gestion-02-purple-dark:var(--color-brand,#7E39C4);--baa-gestion-02-purple-soft:var(--brand-50,#F6EFFC);--baa-gestion-02-purple-soft-2:var(--brand-50,#FBF8FD);--baa-gestion-02-green:var(--color-success,#55A97C);--baa-gestion-02-green-soft:var(--green-50,#EDF8F2);--baa-gestion-02-gold:#F2B84B;}
.baa-gestion-02 *{box-sizing:border-box;}
.baa-gestion-02 .baa-gestion-02-stage{width:100%;height:100%;min-height:360px;padding:24px;display:grid;place-items:center;background:radial-gradient(circle at 10% 10%,rgba(158,81,232,.045),transparent 28%),radial-gradient(circle at 95% 92%,rgba(40,198,201,.035),transparent 26%),#fff;}
.baa-gestion-02 .baa-gestion-02-scene{position:relative;width:min(100%,920px);height:min(86vh,460px);min-height:360px;border:1px solid var(--baa-gestion-02-line);border-radius:28px;background:#fff;box-shadow:0 20px 50px rgba(69,44,84,.09);overflow:hidden;display:grid;place-items:center;padding:34px;}
.baa-gestion-02 .baa-gestion-02-scene::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(249,246,252,.75),rgba(255,255,255,0) 33%);pointer-events:none;}
.baa-gestion-02 .baa-gestion-02-review-card{position:relative;z-index:2;width:min(100%,720px);border:1px solid var(--baa-gestion-02-line);border-radius:22px;background:#fff;box-shadow:0 12px 34px rgba(66,34,92,.07);overflow:hidden;opacity:0;transform:translateY(14px) scale(.992);}
.baa-gestion-02 .baa-gestion-02-review-card.baa-gestion-02-show{animation:baa-gestion-02-cardIn .78s cubic-bezier(.2,.78,.24,1) forwards;}
@keyframes baa-gestion-02-cardIn{
to{opacity:1;transform:translateY(0) scale(1);}
}
.baa-gestion-02 .baa-gestion-02-review-top{padding:22px 24px 20px;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:14px;align-items:start;}
.baa-gestion-02 .baa-gestion-02-avatar{width:44px;height:44px;border-radius:14px;background:var(--baa-gestion-02-purple-soft);display:grid;place-items:center;color:var(--baa-gestion-02-purple-dark);font-size:12px;font-weight:700;}
.baa-gestion-02 .baa-gestion-02-review-copy{min-width:0;}
.baa-gestion-02 .baa-gestion-02-name-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.baa-gestion-02 .baa-gestion-02-name{font-size:13.0px;font-weight:600;letter-spacing:-.01em;}
.baa-gestion-02 .baa-gestion-02-stars{display:flex;gap:2px;color:var(--baa-gestion-02-gold);font-size:13.0px;line-height:1;}
.baa-gestion-02 .baa-gestion-02-review-text{margin:9px 0 0;font-size:12px;line-height:1.55;color:#5E5961;max-width:510px;}
.baa-gestion-02 .baa-gestion-02-status{height:28px;padding:0 11px;border-radius:999px;display:flex;align-items:center;gap:7px;background:var(--baa-gestion-02-purple-soft);color:var(--baa-gestion-02-purple-dark);font-size:12px;font-weight:600;white-space:nowrap;opacity:0;transform:translateY(-4px) scale(.96);}
.baa-gestion-02 .baa-gestion-02-status.baa-gestion-02-show{animation:baa-gestion-02-statusIn .5s ease forwards;}
.baa-gestion-02 .baa-gestion-02-status.baa-gestion-02-done{background:var(--baa-gestion-02-green-soft);color:var(--baa-gestion-02-green);}
.baa-gestion-02 .baa-gestion-02-status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;}
@keyframes baa-gestion-02-statusIn{
to{opacity:1;transform:translateY(0) scale(1);}
}
.baa-gestion-02 .baa-gestion-02-divider{height:1px;background:#F1EEF3;margin:0 24px;}
.baa-gestion-02 .baa-gestion-02-reply-area{position:relative;min-height:188px;padding:20px 24px 22px;background:var(--baa-gestion-02-purple-soft-2);}
.baa-gestion-02 .baa-gestion-02-beelma-row{display:flex;align-items:center;gap:10px;opacity:0;transform:translateY(6px);}
.baa-gestion-02 .baa-gestion-02-beelma-row.baa-gestion-02-show{animation:baa-gestion-02-fadeUp .55s ease forwards;}
.baa-gestion-02 .baa-gestion-02-beelma-logo{width:30px;height:30px;display:block;object-fit:contain;flex:0 0 30px;}
.baa-gestion-02 .baa-gestion-02-beelma-label{display:flex;align-items:flex-end;gap:7px;font-size:12px;color:var(--baa-gestion-02-muted);}
.baa-gestion-02 .baa-gestion-02-typing{display:flex;align-items:flex-end;gap:3px;padding-bottom:2px;}
.baa-gestion-02 .baa-gestion-02-typing span{width:4px;height:4px;border-radius:50%;background:var(--baa-gestion-02-purple);opacity:.25;animation:baa-gestion-02-typing 1s infinite ease-in-out;}
.baa-gestion-02 .baa-gestion-02-typing span:nth-child(2){animation-delay:.14s;}
.baa-gestion-02 .baa-gestion-02-typing span:nth-child(3){animation-delay:.28s;}
@keyframes baa-gestion-02-typing{
0%,60%,100%{opacity:.25;transform:translateY(0);}
30%{opacity:1;transform:translateY(-2px);}
}
@keyframes baa-gestion-02-fadeUp{
to{opacity:1;transform:translateY(0);}
}
.baa-gestion-02 .baa-gestion-02-reply-card{margin:14px 0 0 0;border:1px solid #E8E1EE;border-radius:16px;background:#fff;padding:15px 16px;opacity:0;transform:translateY(8px);}
.baa-gestion-02 .baa-gestion-02-reply-card.baa-gestion-02-show{animation:baa-gestion-02-fadeUp .58s ease forwards;}
.baa-gestion-02 .baa-gestion-02-skeletons{display:flex;flex-direction:column;gap:8px;}
.baa-gestion-02 .baa-gestion-02-skeleton{height:8px;border-radius:999px;background:linear-gradient(90deg,#EFEAF2 0%,#F8F5FA 45%,#EDE7F0 100%);background-size:220% 100%;animation:baa-gestion-02-shimmer 1.15s linear infinite;}
.baa-gestion-02 .baa-gestion-02-skeleton:nth-child(1){width:98%;}
.baa-gestion-02 .baa-gestion-02-skeleton:nth-child(2){width:91%;}
.baa-gestion-02 .baa-gestion-02-skeleton:nth-child(3){width:67%;}
@keyframes baa-gestion-02-shimmer{
from{background-position:200% 0;}
to{background-position:-20% 0;}
}
.baa-gestion-02 .baa-gestion-02-reply-text{display:none;margin:0;font-size:12px;line-height:1.55;color:#5A555D;}
.baa-gestion-02 .baa-gestion-02-reply-text.baa-gestion-02-show{display:block;animation:baa-gestion-02-textIn .5s ease forwards;}
@keyframes baa-gestion-02-textIn{
from{opacity:0;transform:translateY(4px);}
to{opacity:1;transform:translateY(0);}
}
.baa-gestion-02 .baa-gestion-02-controls{margin:14px 0 0 40px;display:flex;justify-content:flex-end;gap:9px;opacity:0;transform:translateY(5px);}
.baa-gestion-02 .baa-gestion-02-controls.baa-gestion-02-show{animation:baa-gestion-02-fadeUp .52s ease forwards;}
.baa-gestion-02 .baa-gestion-02-btn{height:34px;padding:0 15px;border-radius:999px;border:1px solid #D4CFD7;background:#fff;color:var(--baa-gestion-02-ink);font:600 14px/1 "Poppins",sans-serif;}
.baa-gestion-02 .baa-gestion-02-btn.baa-gestion-02-primary{border-color:var(--baa-gestion-02-purple);background:var(--baa-gestion-02-purple);color:#fff;box-shadow:0 7px 16px rgba(158,81,232,.16);}
.baa-gestion-02 .baa-gestion-02-published{position:absolute;left:24px;right:24px;bottom:20px;height:38px;border-radius:13px;background:var(--baa-gestion-02-green-soft);color:var(--baa-gestion-02-green);display:flex;align-items:center;gap:9px;padding:0 12px;font-size:12px;font-weight:600;opacity:0;transform:translateY(6px);}
.baa-gestion-02 .baa-gestion-02-published.baa-gestion-02-show{animation:baa-gestion-02-fadeUp .55s ease forwards;}
.baa-gestion-02 .baa-gestion-02-check{width:18px;height:18px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 0 0 1px rgba(85,169,124,.18);}
.baa-gestion-02 .baa-gestion-02-check::before{content:"";width:7px;height:4px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-1px) rotate(-45deg);}
.baa-gestion-02 .baa-gestion-02-cursor{position:absolute;z-index:20;width:19px;height:23px;opacity:0;pointer-events:none;transition:left .7s cubic-bezier(.2,.75,.25,1),top .7s cubic-bezier(.2,.75,.25,1),opacity .22s ease;}
.baa-gestion-02 .baa-gestion-02-cursor::before{content:"";position:absolute;inset:0;clip-path:polygon(0 0,0 100%,29% 72%,45% 100%,59% 93%,44% 64%,79% 64%);background:#242228;filter:drop-shadow(0 3px 7px rgba(0,0,0,.18));}
.baa-gestion-02 .baa-gestion-02-click-ring{position:absolute;z-index:19;width:12px;height:12px;border-radius:50%;border:2px solid rgba(158,81,232,.48);opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.6);}
.baa-gestion-02 .baa-gestion-02-click-ring.baa-gestion-02-play{animation:baa-gestion-02-ring .5s ease-out;}
@keyframes baa-gestion-02-ring{
0%{opacity:1;transform:translate(-50%,-50%) scale(.6);}
100%{opacity:0;transform:translate(-50%,-50%) scale(2.2);}
}
.baa-gestion-02 .baa-gestion-02-scene.baa-gestion-02-resetting .baa-gestion-02-review-card,.baa-gestion-02 .baa-gestion-02-scene.baa-gestion-02-resetting .baa-gestion-02-status,.baa-gestion-02 .baa-gestion-02-scene.baa-gestion-02-resetting .baa-gestion-02-beelma-row,.baa-gestion-02 .baa-gestion-02-scene.baa-gestion-02-resetting .baa-gestion-02-reply-card,.baa-gestion-02 .baa-gestion-02-scene.baa-gestion-02-resetting .baa-gestion-02-controls,.baa-gestion-02 .baa-gestion-02-scene.baa-gestion-02-resetting .baa-gestion-02-published{animation:none!important;transition:none!important;opacity:0!important;}
@container (max-width:680px){
.baa-gestion-02 .baa-gestion-02-stage{padding:16px;}
.baa-gestion-02 .baa-gestion-02-scene{height:auto;min-height:430px;padding:18px;}
.baa-gestion-02 .baa-gestion-02-review-top{padding:18px;grid-template-columns:40px minmax(0,1fr);}
.baa-gestion-02 .baa-gestion-02-status{grid-column:2;justify-self:start;}
.baa-gestion-02 .baa-gestion-02-divider{margin:0 18px;}
.baa-gestion-02 .baa-gestion-02-reply-area{padding:18px;}
.baa-gestion-02 .baa-gestion-02-reply-card,.baa-gestion-02 .baa-gestion-02-controls{margin-left:0;}
.baa-gestion-02 .baa-gestion-02-published{left:18px;right:18px;}
}
@media (prefers-reduced-motion:reduce){
.baa-gestion-02 *,.baa-gestion-02 *::before,.baa-gestion-02 *::after{animation-duration:.001ms!important;transition-duration:.001ms!important;}
}
.baa-gestion-02{container-type:inline-size;display:block;width:100%;min-width:0;margin:0;padding:0;background:transparent;color:var(--color-text,#332f36);font:400 14px/1.5 "Poppins",sans-serif;text-align:left;isolation:isolate;}
.baa-gestion-02 *, .baa-gestion-02 *::before, .baa-gestion-02 *::after{box-sizing:border-box;}
.baa-gestion-02 :where(div,span){font-family:inherit;}
.baa-gestion-02 .baa-gestion-02-decorative-button{display:inline-flex;align-items:center;justify-content:center;text-align:center;}

.baa-gestion-02 .baa-gestion-02-stage,.baa-gestion-02 .baa-gestion-02-scene{width:100%;height:auto;min-height:0;max-height:none;max-width:none;aspect-ratio:auto;padding:0;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.baa-gestion-02 .baa-gestion-02-scene::before{display:none}
.baa-gestion-02 .baa-gestion-02-review-card{width:100%;max-width:none}
.baa-gestion-02 .baa-gestion-02-review-top{grid-template-columns:48px minmax(0,1fr) auto;padding:28px;gap:18px}
.baa-gestion-02 .baa-gestion-02-name{font-size:18px}
.baa-gestion-02 .baa-gestion-02-name-row{flex-wrap:wrap}
.baa-gestion-02 .baa-gestion-02-review-text{max-width:none;font-size:16px}
.baa-gestion-02 .baa-gestion-02-reply-area{padding:24px 28px;min-height:260px}
.baa-gestion-02 .baa-gestion-02-reply-text{font-size:16px}
.baa-gestion-02 .baa-gestion-02-reply-card{min-height:100px;display:grid}
.baa-gestion-02 .baa-gestion-02-reply-text,.baa-gestion-02 .baa-gestion-02-skeletons{grid-area:1/1}
.baa-gestion-02 .baa-gestion-02-reply-text{display:block;visibility:hidden}
.baa-gestion-02 .baa-gestion-02-reply-text.baa-gestion-02-show{visibility:visible}
.baa-gestion-02 .baa-gestion-02-beelma-label{font-size:14px;flex-wrap:wrap}
.baa-gestion-02 .baa-gestion-02-btn{min-height:42px;height:auto;padding:12px 22px;font-size:14px}
.baa-gestion-02 .baa-gestion-02-published{height:42px;bottom:24px;left:28px;right:28px;font-size:14px}
.baa-gestion-02 .baa-gestion-02-controls{min-height:42px}
.baa-gestion-02 .baa-gestion-02-status{white-space:normal}
@container (max-width:680px){
.baa-gestion-02 .baa-gestion-02-scene{padding:0}
.baa-gestion-02 .baa-gestion-02-review-top{padding:20px;grid-template-columns:40px minmax(0,1fr);gap:12px}
.baa-gestion-02 .baa-gestion-02-reply-area{padding:20px}
.baa-gestion-02 .baa-gestion-02-review-text,.baa-gestion-02 .baa-gestion-02-reply-text{font-size:14px}
.baa-gestion-02 .baa-gestion-02-published{left:20px;right:20px;bottom:20px}
.baa-gestion-02 .baa-gestion-02-name-row{gap:8px}
}
@media(prefers-reduced-motion:reduce){.baa-gestion-02 *,.baa-gestion-02 *::before,.baa-gestion-02 *::after{animation-duration:.001ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition:none!important;}}