.approche-bento{background:var(--color-white)!important;border-color:#ffffff14!important}.approche-bento-dual{display:flex;gap:.75rem;margin-top:1rem}.approche-bento-dual .approche-bento{flex:1;height:auto;margin-top:0;max-width:none}.approche-bento-audit{background:#0a0a0a!important;border-color:#ffffff0f!important;display:flex;flex-direction:column;font-size:.62rem;max-width:100%!important}.approche-bento-audit .aud-header{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.06);display:flex;justify-content:space-between;padding:.55rem .75rem}.approche-bento-audit .aud-title{color:#fffc;font-weight:500}.approche-bento-audit .aud-score{background:#f8717126;border-radius:4px;color:#f87171;font-size:.55rem;font-weight:600;padding:.1rem .4rem}.approche-bento-audit .aud-items{display:flex;flex:1;flex-direction:column;padding:.25rem 0}.approche-bento-audit .aud-item{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.04);display:flex;gap:.4rem;padding:.3rem .75rem}.approche-bento-audit .aud-item:last-child{border-bottom:none}.approche-bento-audit .aud-badge{border-radius:3px;flex-shrink:0;font-size:.5rem;font-weight:600;letter-spacing:.04em;padding:.1rem .3rem;text-transform:uppercase}.approche-bento-audit .aud-badge--critical{background:#f8717126;color:#f87171}.approche-bento-audit .aud-badge--warn{background:#fbbf2426;color:#fbbf24}.approche-bento-audit .aud-badge--ok{background:#4ade8026;color:#4ade80}.approche-bento-audit .aud-label{color:#ffffff80;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.approche-bento-audit .aud-footer{border-top:1px solid hsla(0,0%,100%,.06);color:#fff3;font-size:.5rem;padding:.4rem .75rem}.approche-bento-figma{background:#1e1e1e!important;display:flex;flex-direction:column;font-size:.65rem;height:calc(100% - 1rem);max-width:100%!important}.approche-bento-figma .fig-toolbar{align-items:center;background:#2c2c2c;border-bottom:1px solid hsla(0,0%,100%,.06);display:flex;justify-content:space-between;padding:.4rem .75rem}.approche-bento-figma .fig-toolbar-left,.approche-bento-figma .fig-toolbar-right{align-items:center;display:flex;gap:.4rem}.approche-bento-figma .fig-zoom{color:#ffffff59;font-size:.52rem}.approche-bento-figma .fig-collab{align-items:center;background:#18a0fb;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.45rem;font-weight:700;height:15px;justify-content:center;width:15px}.approche-bento-figma .fig-logo{color:#fff;font-size:.75rem;margin-right:.4rem}.approche-bento-figma .fig-tool{border-radius:3px;color:#ffffff73;cursor:default;padding:.15rem .25rem}.approche-bento-figma .fig-tool.is-active{background:#ffffff1f;color:#fff}.approche-bento-figma .fig-filename{color:#fff9;font-size:.6rem}.approche-bento-figma .fig-share{background:#18a0fb;border-radius:4px;color:#fff;font-size:.6rem;padding:.15rem .5rem}.approche-bento-figma .fig-present{color:#ffffff73}.approche-bento-figma .fig-body{display:flex;flex:1;min-height:0}.approche-bento-figma .fig-layers{background:#252525;border-right:1px solid hsla(0,0%,100%,.06);display:flex;flex-direction:column;flex-shrink:0;gap:.2rem;overflow:hidden;padding:.4rem .5rem;width:90px}.approche-bento-figma .fig-layer-title{color:#ffffff59;font-size:.55rem;letter-spacing:.08em;margin-bottom:.2rem;text-transform:uppercase}.approche-bento-figma .fig-layer{border-radius:3px;color:#ffffff73;font-size:.55rem;overflow:hidden;padding:.12rem .25rem;text-overflow:ellipsis;white-space:nowrap}.approche-bento-figma .fig-layer.is-page{color:#ffffffb3;font-weight:500}.approche-bento-figma .fig-layer.is-active{background:#18a0fb33;color:#18a0fb}.approche-bento-figma .fig-layer.is-indent{color:#ffffff4d;padding-left:.7rem}.approche-bento-figma .fig-layer.is-component{color:#a78bfa}.approche-bento-figma .fig-canvas{align-items:center;background:#383838;display:flex;flex:1;justify-content:center;overflow:hidden;padding:.75rem}.approche-bento-figma .fig-artboard{background:#fff;border-radius:2px;display:flex;flex-direction:column;gap:.25rem;height:100%;overflow:hidden;padding:.35rem;position:relative;width:100%}.approche-bento-figma .fig-selection{border:1px solid #18a0fb;height:38px;left:.35rem;pointer-events:none;position:absolute;right:.35rem;top:.35rem;z-index:5}.approche-bento-figma .fig-selection:after,.approche-bento-figma .fig-selection:before{background:#18a0fb;border-radius:1px;content:"";height:4px;position:absolute;width:4px}.approche-bento-figma .fig-selection:before{left:-2px;top:-2px}.approche-bento-figma .fig-selection:after{bottom:-2px;right:-2px}.approche-bento-figma .fig-cursor{bottom:12px;pointer-events:none;position:absolute;right:10px;z-index:10}.approche-bento-figma .fig-cursor-label{background:#18a0fb;border-radius:0 3px 3px;color:#fff;font-size:.42rem;font-weight:500;padding:.08rem .3rem;white-space:nowrap}.approche-bento-figma .wf-nav{background:#e8e8e8;border-radius:2px;height:8px}.approche-bento-figma .wf-hero-img{background:#ddd;border-radius:2px;height:28px}.approche-bento-figma .wf-hero-txt{display:flex;flex-direction:column;gap:.2rem;padding:.15rem 0}.approche-bento-figma .wf-line{background:#ddd;border-radius:2px;height:4px}.approche-bento-figma .wf-line.wf-line--lg{width:70%}.approche-bento-figma .wf-line.wf-line--md{width:50%}.approche-bento-figma .wf-line.wf-line--sm{width:60%}.approche-bento-figma .wf-line.wf-line--xs{width:35%}.approche-bento-figma .wf-btn{background:silver;border-radius:2px;height:8px;margin-top:.1rem;width:40px}.approche-bento-figma .wf-cards{display:flex;flex:1;gap:.25rem}.approche-bento-figma .wf-card{display:flex;flex:1;flex-direction:column;gap:.2rem}.approche-bento-figma .wf-card-img{background:#e0e0e0;border-radius:2px;flex:1}.approche-bento-figma .fig-props{background:#252525;border-left:1px solid hsla(0,0%,100%,.06);display:flex;flex-direction:column;flex-shrink:0;gap:.5rem;overflow:hidden;padding:.4rem .5rem;width:85px}.approche-bento-figma .fig-prop-label{color:#ffffff59;font-size:.55rem;letter-spacing:.08em;margin-bottom:.2rem;text-transform:uppercase}.approche-bento-figma .fig-prop-row{color:#ffffff8c;display:flex;justify-content:space-between;margin-bottom:.15rem}.approche-bento-figma .fig-prop-key{color:#ffffff4d}.approche-bento-figma .fig-prop-val{color:#ffffffb3}.approche-bento-figma .fig-swatches{display:flex;gap:.25rem}.approche-bento-figma .fig-swatch{border:1px solid hsla(0,0%,100%,.1);border-radius:3px;height:12px;width:12px}.approche-bento-figma .fig-font{color:#ffffff80;font-size:.55rem;margin-bottom:.1rem}.approche-bento-figma .fig-effect{color:#fff6;font-size:.52rem}@media(max-width:991.98px){.approche-bento-figma{font-size:.5rem;height:15rem}.approche-bento-figma .fig-toolbar{padding:.3rem .55rem}.approche-bento-figma .fig-zoom{font-size:.4rem}.approche-bento-figma .fig-collab{font-size:.35rem;height:12px;width:12px}.approche-bento-figma .fig-logo{font-size:.55rem;margin-right:.3rem}.approche-bento-figma .fig-tool{padding:.1rem .2rem}.approche-bento-figma .fig-filename{font-size:.45rem}.approche-bento-figma .fig-share{font-size:.45rem;padding:.1rem .35rem}.approche-bento-figma .fig-layers{padding:.3rem .4rem;width:70px}.approche-bento-figma .fig-layer-title{font-size:.42rem}.approche-bento-figma .fig-layer{font-size:.42rem;padding:.08rem .2rem}.approche-bento-figma .fig-canvas{padding:.55rem}.approche-bento-figma .fig-artboard{padding:.25rem}.approche-bento-figma .fig-selection{height:28px;left:.25rem;right:.25rem;top:.25rem}.approche-bento-figma .fig-cursor-label{font-size:.35rem;padding:.06rem .22rem}.approche-bento-figma .wf-nav{height:6px}.approche-bento-figma .wf-hero-img{height:20px}.approche-bento-figma .wf-line{height:3px}.approche-bento-figma .wf-btn{height:6px;width:30px}.approche-bento-figma .fig-props{gap:.35rem;padding:.3rem .4rem;width:65px}.approche-bento-figma .fig-prop-label{font-size:.42rem}.approche-bento-figma .fig-swatch{height:10px;width:10px}.approche-bento-figma .fig-font{font-size:.42rem}.approche-bento-figma .fig-effect{font-size:.4rem}}.approche-bento-dashboard{background:#0f0f0f!important;border-color:#ffffff14!important;display:flex;flex-direction:column;font-size:.65rem;gap:0;max-width:100%!important}.approche-bento-dashboard .dash-header{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.06);display:flex;justify-content:space-between;padding:.6rem .85rem}.approche-bento-dashboard .dash-header-left{align-items:center;display:flex;gap:.4rem}.approche-bento-dashboard .dash-live-dot{animation:pulse-live 1.8s ease-in-out infinite;background:#4ade80;border-radius:50%;box-shadow:0 0 6px #4ade80;height:7px;width:7px}@keyframes pulse-live{0%,to{opacity:1}50%{opacity:.4}}.approche-bento-dashboard .dash-title{color:#fffc;font-weight:500}.approche-bento-dashboard .dash-period{color:#ffffff4d;font-size:.58rem}.approche-bento-dashboard .dash-kpis{border-bottom:1px solid hsla(0,0%,100%,.06);display:flex}.approche-bento-dashboard .dash-kpi{display:flex;flex:1;flex-direction:column;gap:.2rem;padding:.6rem .85rem}.approche-bento-dashboard .dash-kpi+.dash-kpi{border-left:1px solid hsla(0,0%,100%,.06)}.approche-bento-dashboard .dash-kpi-label{color:#ffffff59;font-size:.55rem}.approche-bento-dashboard .dash-kpi-value{color:#ffffffe6;font-size:.85rem;font-weight:600;line-height:1.2}.approche-bento-dashboard .dash-kpi-trend{font-size:.55rem}.approche-bento-dashboard .dash-kpi-trend--up{color:#4ade80}.approche-bento-dashboard .dash-kpi-trend--down{color:#f87171}.approche-bento-dashboard .dash-chart{padding:.5rem .85rem 0}.approche-bento-dashboard .dash-chart-svg{display:block;height:55px;width:100%}.approche-bento-dashboard .dash-chart-labels{color:#fff3;display:flex;font-size:.5rem;justify-content:space-between;padding:.2rem 0 .4rem}.approche-bento-dashboard .dash-orders{border-top:1px solid hsla(0,0%,100%,.06);padding:.3rem 0}.approche-bento-dashboard .dash-order{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.04);display:flex;gap:.5rem;padding:.3rem .85rem}.approche-bento-dashboard .dash-order:last-child{border-bottom:none}.approche-bento-dashboard .dash-order-ref{color:#ffffff4d;flex:0 0 auto;font-size:.55rem}.approche-bento-dashboard .dash-order-name{color:#ffffffa6;flex:1}.approche-bento-dashboard .dash-order-amount{color:#ffffffd9;font-weight:500}.approche-bento-dashboard .dash-order-status{background:#4ade801f;border-radius:20px;color:#4ade80;font-size:.55rem;padding:.1rem .4rem}
