.erp-stage{border:1px solid var(--line);isolation:isolate;background:radial-gradient(120% 90% at 30% 0,#f7f9fd 0%,#e6edf7 55%,#dbe4f1 100%);border-radius:20px;position:relative;overflow:hidden}.erp-optique{background:radial-gradient(120% 90% at 30% 0,#fbf8f2 0%,#eef0ea 55%,#dfe8e5 100%)}.erp-audio{background:radial-gradient(120% 90% at 30% 0,#f8fbfd 0%,#e7eff6 55%,#d9e5f0 100%)}.erp-sante{background:radial-gradient(120% 90% at 30% 0,#f8fcfa 0%,#e6f1ec 55%,#d6e8e0 100%)}.erp-logistique{background:radial-gradient(120% 90% at 30% 0,#f6f8fb 0%,#e3e9f1 55%,#d3dce8 100%)}.erp-atelier{background:radial-gradient(120% 90% at 30% 0,#fbf8f4 0%,#efe9e1 55%,#e4dbd0 100%)}.erp-reunion{background:radial-gradient(120% 90% at 30% 0,#fcf9f5 0%,#f1e9df 55%,#e7dccf 100%)}@media (prefers-color-scheme:dark){.erp-stage{background:radial-gradient(120% 90% at 30% 0,#2a3243 0%,#1b2231 60%,#131925 100%)}}.erp-canvas{touch-action:none;width:100%;height:440px;min-height:300px;position:relative;overflow:hidden}.erp-canvas>canvas{width:100%;height:100%;transition:filter .3s;display:block}.is-stale .erp-canvas>canvas{filter:saturate(.3)brightness(1.03)}.erp-labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.erp-label{pointer-events:auto;border:1px solid color-mix(in srgb,var(--who) 45%,transparent);border-left:3px solid var(--who);background:color-mix(in srgb,var(--panel) 92%,transparent);max-width:190px;color:var(--fg);font:inherit;white-space:nowrap;cursor:pointer;will-change:transform;border-radius:999px;align-items:center;gap:6px;padding:4px 9px 4px 7px;font-size:11px;line-height:1.2;display:flex;position:absolute;top:0;left:0;box-shadow:0 4px 12px -6px #122c6273}.erp-label i{border-radius:50%;flex:none;width:8px;height:8px}.erp-label b{text-overflow:ellipsis;min-width:0;font-weight:600;overflow:hidden}.erp-label small{color:var(--mute);font-size:10px}.erp-label[data-kind=waiting]{background:color-mix(in srgb,#fef3c7 85%,var(--panel));border-color:#f59e0b}.erp-label[data-kind=waiting] small{color:#92400e}.erp-label.is-selected{background:var(--who);color:#fff;border-color:var(--who)}.erp-label.is-selected small{color:#ffffffd9}.erp-label:hover,.erp-label:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.erp-tools{flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:calc(100% - 20px);display:flex;position:absolute;top:10px;right:10px}.erp-tools .btn{background:color-mix(in srgb,var(--panel) 90%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.erp-stale{color:#78350f;background:#fef3c7;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:600;position:absolute;top:10px;left:10px;box-shadow:0 4px 12px -6px #0000004d}.erp-card{background:color-mix(in srgb,var(--panel) 95%,transparent);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;flex-direction:column;gap:6px;width:min(300px,100% - 20px);padding:12px;display:flex;position:absolute;bottom:10px;left:10px;box-shadow:0 10px 28px -14px #122c6273}.erp-card-h{align-items:center;gap:8px;display:flex}.erp-card-h b{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.erp-swatch{border-radius:4px;flex:none;width:12px;height:12px}.erp-card-role,.erp-card-counts{color:var(--mute);font-size:12px}.erp-card-task{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12.5px;display:-webkit-box;overflow:hidden}.erp-card .btn.pri{align-self:flex-start}.erp-state{align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.erp-state i{border-radius:50%;width:9px;height:9px}.erp-fallback{background:var(--panel);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:30px;display:flex;position:absolute;inset:0}.erp-head{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.erp-hint{color:var(--mute);margin:2px 0 0;font-size:12px}.erp-legend{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.erp-legend li{background:var(--panel2);border-radius:999px;align-items:center;gap:5px;padding:2px 8px;font-size:12px;display:inline-flex}.erp-legend i{border-radius:50%;width:8px;height:8px}.erp-roster{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-top:14px;display:grid}.erp-person{text-align:left;border:1px solid var(--line);background:var(--panel);color:var(--fg);cursor:pointer;border-left:3px solid;border-radius:14px;align-items:center;gap:10px;min-width:0;padding:10px 12px;display:flex}.erp-person span{flex-direction:column;min-width:0;display:flex}.erp-person small{color:var(--mute);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.erp-person .erp-state{font-size:11px}.erp-person:hover,.erp-person:focus-visible{outline:2px solid var(--accent);outline-offset:1px}@media (width<=600px){.erp-canvas{height:340px}.erp-label small{display:none}.erp-tools{justify-content:center;inset:auto 8px 8px}.erp-card{top:8px;bottom:auto;left:8px}.erp-roster{grid-template-columns:repeat(2,minmax(0,1fr))}.erp-person{gap:7px;padding:9px}.erp-person .employee-avatar{width:24px}}@media (width>=1400px){.erp-canvas{height:520px}}@media (prefers-reduced-motion:reduce){.erp-canvas>canvas{transition:none}}
