#portaal-demo{--cio-stage-h:310px;--cio-stage-h-m:350px}#portaal-demo .cio-scene{padding:0}.cio-po{display:grid;grid-template-columns:140px 1fr;height:100%}.cio-po-side{border-right:1px solid var(--cio-line);padding:14px 10px;display:grid;gap:3px;align-content:start;background:var(--cio-canvas)}.cio-po-nav{display:flex;align-items:center;gap:8px;height:28px;border-radius:7px;padding:0 8px;font-size:11.5px;font-weight:600;color:var(--cio-muted);white-space:nowrap}.cio-po-nav svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round;flex:none}.cio-po-nav.on{background:var(--cio-brand-soft);color:var(--cio-brand-text)}.cio-scene.is-active .cio-po-nav.lit{animation:cio-po-lit .5s ease var(--d,0s) both}@keyframes cio-po-lit{0%{background:transparent;color:var(--cio-muted)}40%{background:var(--cio-brand-soft);color:var(--cio-brand-text)}to{background:var(--cio-brand-soft);color:var(--cio-brand-text)}}.cio-po-main{padding:16px 18px;position:relative;overflow:hidden}.cio-po-hi{font-size:15px;font-weight:800;margin:0 0 3px}.cio-po-sub{font-size:11.5px;color:var(--cio-muted);margin:0 0 12px}.cio-po-lbl{font-size:10.5px;font-weight:700;color:var(--cio-muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 7px}.cio-po-acts{display:grid;gap:7px;margin-bottom:12px}.cio-po-act{display:flex;align-items:center;gap:10px;border-radius:10px;padding:8px 12px;font-size:12px;font-weight:700}.cio-po-act small{margin-left:auto;font-size:10.5px;font-weight:700;border-radius:999px;padding:2px 8px}.cio-po-act i{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;flex:none}.cio-po-act i svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}.cio-po-act.red{background:#e5484d14;color:#d63d42}.cio-po-act.red i,.cio-po-act.red small{background:#e5484d24}.cio-po-act.amb{background:#f5a3001a;color:#a86b00}.cio-po-act.amb i,.cio-po-act.amb small{background:#f5a3002e}.dark .cio-po-act.amb{color:#ffc24d}.dark .cio-po-act.red{color:#ff7b7f}.cio-po-quick{display:flex;flex-wrap:wrap;gap:6px}.cio-po-q{position:relative;display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:8px;border:1px solid var(--cio-line);font-size:11px;font-weight:700;background:var(--cio-surface)}.cio-po-q svg{width:12px;height:12px;stroke:var(--cio-brand-text);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.cio-po-msg{max-width:84%;justify-self:end;background:var(--cio-brand);color:var(--cio-on-brand);border-radius:12px 4px 12px 12px;padding:9px 12px;display:grid;gap:6px;margin-left:auto}.cio-po-msg .cio-bar{background:#ffffff73}.cio-po-att{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;background:#ffffff2e;border-radius:7px;padding:3px 8px;width:max-content}.cio-po-att svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:1.8}.cio-po-ai{margin-top:12px;border:1px solid var(--cio-line);border-radius:12px;padding:11px 12px;display:grid;gap:9px}.cio-po-aih{display:flex;align-items:center;gap:8px;font-size:11.5px;font-weight:700;color:var(--cio-brand-text)}.cio-po-dots{display:inline-flex;gap:3px}.cio-po-dots i{width:5px;height:5px;border-radius:50%;background:var(--cio-brand-text);opacity:.3}.cio-scene.is-active .cio-po-dots i{animation:cio-po-blink 1s ease-in-out infinite}.cio-po-dots i:nth-child(2){animation-delay:.15s!important}.cio-po-dots i:nth-child(3){animation-delay:.3s!important}@keyframes cio-po-blink{50%{opacity:1}}.cio-po-tags{display:flex;flex-wrap:wrap;gap:6px}.cio-po-tag{font-size:11px;font-weight:700;border-radius:999px;padding:4px 10px;background:var(--cio-canvas);color:var(--cio-ink)}.cio-po-tag b{color:var(--cio-muted);font-weight:600;margin-right:4px}.cio-po-tag.hi{background:#e5484d1f;color:#e5484d}.cio-po-tag.hi b{color:inherit;opacity:.75}.cio-po-kb{display:flex;align-items:center;gap:8px;font-size:11.5px;font-weight:600;border-radius:8px;background:#1fae6b1a;padding:7px 10px;color:var(--cio-ok)}.cio-po-kb svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linejoin:round}.cio-po-sec{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cio-po-tile{border-radius:10px;padding:10px 12px;display:grid;gap:4px;font-size:11px;font-weight:600;color:var(--cio-muted)}.cio-po-tile strong{font-size:18px;color:var(--cio-ink);display:grid}.cio-po-tile strong>*{grid-area:1/1}.cio-po-tile.g{background:#1fae6b1a}.cio-po-tile.g strong{color:var(--cio-ok);font-size:14px}.cio-po-tile.r{background:#e5484d14}.cio-po-tile.a{background:#f5a3001a}.cio-po-tile.n{background:var(--cio-canvas)}.cio-po-attic{margin-top:10px;font-size:11px;color:var(--cio-muted);display:flex;align-items:center;gap:7px}.cio-po-attic svg{width:14px;height:14px;stroke:var(--cio-ok);fill:none;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}.cio-po-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cio-po-mod{border:1px solid var(--cio-line);border-radius:10px;padding:10px;display:grid;gap:7px;font-size:11.5px;font-weight:700;background:var(--cio-surface)}.cio-po-mod i{width:28px;height:28px;border-radius:8px;background:var(--cio-brand-soft);display:grid;place-items:center}.cio-po-mod i svg{width:14px;height:14px;stroke:var(--cio-brand-text);fill:none;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}#portaal-demo .cio-note{left:158px}@media(max-width:620px){.cio-po{grid-template-columns:1fr}.cio-po-side{display:none}#portaal-demo .cio-note{left:16px;position:absolute;bottom:14px;right:16px}.cio-po-grid{grid-template-columns:1fr 1fr}.cio-po-main{padding:14px}}