.x-oona{max-width:var(--max);--brand:#4b2e83;justify-self:center;width:100%;margin:16px 0 36px}.x-oona-label{font:700 15px/1.3 var(--font-display);margin:0 0 14px}.x-oona-card{border:2px solid var(--ink);border-radius:var(--radius);background:#fff;padding:20px}.x-oona-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 18px;padding:0;list-style:none;display:grid}@media (width<=720px){.x-oona-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}.x-oona-steps li{border:1.5px solid var(--soft);color:var(--muted);border-radius:12px;padding:10px 12px;font-size:13px;transition:border-color .3s,background .3s,color .3s}.x-oona-steps li b{font:800 14px/1.2 var(--font-display);color:inherit;display:block}.x-oona-steps li.on{border-color:var(--ink);background:var(--accent);color:var(--ink)}.x-oona-steps li.done{border-color:var(--ink);color:var(--ink)}.x-oona-flow{grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);margin-bottom:16px;display:grid}@media (width<=720px){.x-oona-flow{grid-template-rows:auto 48px auto;grid-template-columns:minmax(0,1fr)}}.x-oona-panel{border:1.5px solid var(--soft);background:#fbfbfa;border-radius:14px;flex-direction:column;min-height:300px;display:flex;overflow:hidden}.x-oona-ph{background:var(--brand);color:#fff;justify-content:space-between;align-items:center;padding:10px 14px;font-size:12px;font-weight:600;display:flex}.x-oona-ph .who{opacity:.8;font-weight:500}.x-oona-pb{flex-direction:column;flex:1;gap:10px;padding:14px;display:flex;position:relative}.x-oona-stepper{color:var(--muted);align-items:center;gap:6px;font-size:11px;display:flex}.x-oona-stepper i{background:var(--brand);color:#fff;width:16px;height:16px;font:600 10px/16px var(--font-body);text-align:center;border-radius:50%;font-style:normal}.x-oona-stepper .ln{background:var(--soft);flex:1;height:1px}.x-oona-field{border:1px solid var(--soft);background:#fff;border-radius:8px;padding:8px 10px;font-size:12px}.x-oona-field small{color:var(--muted);font-size:10px;display:block}.x-oona-row{gap:8px;display:flex}.x-oona-row .x-oona-field{flex:1}.x-oona-foot{border-top:1px solid var(--soft);justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px;display:flex}.x-oona-total{color:var(--muted);font-size:11px}.x-oona-total b{color:var(--ink);font-size:14px;display:block}.x-oona-btns{gap:6px;display:flex}.x-oona-b{font:600 11px var(--font-body);border:1.5px solid var(--brand);color:var(--brand);background:#fff;border-radius:6px;padding:6px 10px;transition:transform .15s}.x-oona-b.primary{background:var(--brand);color:#fff}.x-oona-b.pulse{animation:1s ease-in-out 2 x-oona-pulse}.x-oona-b.pressed{background:var(--brand);color:#fff;transform:scale(.94)}@keyframes x-oona-pulse{0%,to{box-shadow:0 0 #f2c11e00}50%{box-shadow:0 0 0 6px #f2c11ecc}}.x-oona-overlay{text-align:center;opacity:0;pointer-events:none;background:#fbfbfa;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:20px;transition:opacity .4s;display:flex;position:absolute;inset:0}.x-oona-overlay.show{opacity:1}.x-oona-overlay .ok{background:var(--ok-bg);width:40px;height:40px;color:var(--ok);border-radius:50%;font-size:20px;line-height:40px}.x-oona-overlay p{color:var(--ink-2);margin:0;font-size:13px}.x-oona-chips{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.x-oona-chips .chip{border:1px solid var(--soft);opacity:0;background:#fff;border-radius:99px;padding:4px 9px;font-size:11px;transition:opacity .35s,transform .35s;transform:translate(-24px)}.x-oona-chips .chip.in{opacity:1;transform:none}.x-oona-lead{border:1.5px solid var(--ink);opacity:0;background:#fff;border-radius:10px;padding:10px 12px;transition:opacity .4s,transform .4s;transform:translateY(8px)}.x-oona-lead.in{opacity:1;transform:none}.x-oona-lead .t{justify-content:space-between;font-size:12px;font-weight:600;display:flex}.x-oona-lead .t span{color:var(--muted);font-weight:500}.x-oona-lead .ctx{color:var(--ok);opacity:0;margin-top:6px;font-size:11px;font-weight:600;transition:opacity .3s}.x-oona-lead .ctx.in{opacity:1}.x-oona-empty{color:var(--muted);text-align:center;margin:auto;font-size:12px}.x-oona-check{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.x-oona-check li{color:var(--muted);opacity:0;align-items:center;gap:8px;font-size:12px;transition:opacity .3s,color .3s;display:flex}.x-oona-check li.in{opacity:1}.x-oona-check .bx{border:1.5px solid var(--soft);color:#fff;border-radius:4px;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;display:inline-flex}.x-oona-check li.ok{color:var(--ink)}.x-oona-check li.ok .bx{background:var(--ok);border-color:var(--ok)}.x-oona-status{background:var(--soft);color:var(--muted);opacity:0;border-radius:99px;align-self:flex-start;padding:4px 10px;font-size:11px;font-weight:600;transition:opacity .3s,background .3s,color .3s}.x-oona-status.in{opacity:1}.x-oona-status.done{background:var(--ok-bg);color:var(--ok)}.x-oona-conn{position:relative}.x-oona-conn:before{content:"";border-top:2px dashed #c9c9c5;position:absolute;top:50%;left:8px;right:8px}.x-oona-conn .dot{background:var(--accent);border:2px solid var(--ink);opacity:0;border-radius:50%;width:14px;height:14px;margin-top:-7px;position:absolute;top:50%;left:8px}.x-oona-conn .dot.go{animation:.9s ease-in-out forwards x-oona-travel}@keyframes x-oona-travel{0%{opacity:1;left:8px}to{opacity:1;left:calc(100% - 22px)}}@media (width<=720px){.x-oona-conn:before{border-top:0;border-left:2px dashed #c9c9c5;inset:6px auto 6px 50%}.x-oona-conn .dot{margin-top:0;margin-left:-7px;top:6px;left:50%}.x-oona-conn .dot.go{animation-name:x-oona-travel-v}}@keyframes x-oona-travel-v{0%{opacity:1;top:6px}to{opacity:1;top:calc(100% - 20px)}}.x-chart{border:2px solid var(--ink);border-radius:var(--radius);--before:#5598e7;--after:#184f95;background:#fff;justify-self:center;width:100%;max-width:880px;margin:16px 0 36px;padding:22px}.x-chart-title{font:800 20px/1.2 var(--font-display);letter-spacing:-.02em}.x-chart-legend{color:var(--ink-2);flex-wrap:wrap;gap:16px;margin:8px 0 18px;font-size:13px;display:flex}.x-chart-legend span{align-items:center;gap:6px;display:inline-flex}.x-chart-legend i{border-radius:3px;width:12px;height:12px;display:inline-block}.x-chart-legend i.b{background:var(--before)}.x-chart-legend i.a{background:var(--after)}.x-chart-body{flex-direction:column;gap:18px;display:flex}.x-chart-nm{justify-content:space-between;gap:8px;margin-bottom:6px;font-size:14px;display:flex}.x-chart-nm b{font-weight:600}.x-chart-nm b span{color:var(--muted);font-weight:400}.x-chart-nm .d{color:var(--ink-2);white-space:nowrap;font-weight:600}.x-chart-track{height:16px;margin-bottom:4px;position:relative}.x-chart-track .fill{border-radius:0 4px 4px 0;width:0;height:100%;transition:width 1s cubic-bezier(.2,.7,.2,1)}.x-chart.on .x-chart-track .fill{width:var(--w)}.x-chart-track .fb{background:var(--before)}.x-chart-track .fa{background:var(--after)}.x-chart-track .val{white-space:nowrap;font-variant-numeric:tabular-nums;opacity:0;padding-left:8px;font-size:12px;font-weight:600;transition:opacity .4s .6s;position:absolute;top:50%;transform:translateY(-50%)}.x-chart.on .val{opacity:1}.x-chart-axis{color:var(--muted);border-top:1px solid var(--soft);justify-content:space-between;margin-top:4px;padding-top:4px;font-size:11px;display:flex}.x-chart-src{color:var(--muted);margin:14px 0 0;font-size:12px}.x-chart-tip{pointer-events:none;background:var(--ink);color:#fff;opacity:0;z-index:30;border-radius:8px;padding:6px 9px;font-size:12px;transition:opacity .12s;position:fixed}@media (prefers-reduced-motion:reduce){.x-chart-track .fill,.x-chart-track .val{transition:none}}.no-js .x-chart .fill{width:var(--w)}.no-js .x-chart .val{opacity:1}