/* AiO Krugovi – uređivač strujnih krugova (po uzoru na Tinkercad Circuits) */
.aio-circ{--ck-b:#d0d5dd;--ck-bg:#f2f4f7;--ck-ac:#1570ef;display:flex;flex-direction:column;height:680px;border:1px solid var(--ck-b);border-radius:10px;overflow:hidden;background:#fff;font:13px/1.35 system-ui,-apple-system,"Segoe UI",sans-serif;color:#101828;position:relative}
.aio-circ.is-full{height:100%;border:0;border-radius:0}
.aio-circ.is-ro{height:520px}
.aio-circ *{box-sizing:border-box}
.aio-circ button{font:inherit;text-transform:none;letter-spacing:normal;box-shadow:none;min-height:0;line-height:1.2}
.aio-circ [hidden]{display:none!important}
.ck-top{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:6px 10px;border-bottom:1px solid var(--ck-b);background:#fff}
.ck-tabs{display:flex;border:1px solid var(--ck-b);border-radius:999px;overflow:hidden;order:3}
.aio-circ .ck-tabs button{border:0!important;background:#fff!important;color:#344054!important;padding:6px 14px!important;cursor:pointer;border-radius:0}
.aio-circ .ck-tabs button.is-on{background:#eef4ff!important;color:var(--ck-ac)!important;font-weight:600}
.ck-tb{display:flex;align-items:center;gap:2px;flex:1;order:1;min-width:0;flex-wrap:wrap}
.ck-right{display:flex;align-items:center;gap:6px;order:4}
.ck-sep{width:1px;height:22px;background:var(--ck-b);margin:0 4px}
.aio-circ .ck-b{display:inline-grid!important;place-items:center;min-width:32px;height:32px;padding:0 6px!important;border:1px solid transparent!important;border-radius:7px;background:transparent!important;color:#344054!important;cursor:pointer}
.aio-circ .ck-b:hover:not([disabled]){background:var(--ck-bg)!important;border-color:var(--ck-b)!important}
.aio-circ .ck-b[disabled]{opacity:.35;cursor:not-allowed}
.aio-circ .ck-sim{display:inline-flex!important;align-items:center;gap:6px;padding:6px 12px!important;border:1px solid var(--ck-b)!important;border-radius:7px;background:#fff!important;color:#101828!important;cursor:pointer;font-weight:600}
.aio-circ .ck-sim:hover{background:var(--ck-bg)!important}
.aio-circ .ck-sim.is-on{background:#fef3f2!important;border-color:#fecdca!important;color:#b42318!important}
.ck-wc,.ck-mi{position:relative}
.aio-circ .ck-wcb{display:inline-flex!important;gap:4px;align-items:center}
.ck-wcb i{display:inline-block;width:16px;height:16px;border-radius:4px;border:1px solid rgba(0,0,0,.25)}
.ck-wcdd,.ck-dd{position:absolute;top:100%;left:0;z-index:20;margin-top:4px;background:#fff;border:1px solid var(--ck-b);border-radius:9px;box-shadow:0 12px 28px rgba(16,24,40,.16);padding:6px}
.ck-wcdd{display:grid;grid-template-columns:repeat(5,22px);gap:4px}
.aio-circ .ck-wcdd button,.aio-circ .ck-wcs button{width:22px;height:22px;min-width:0;padding:0!important;border:1px solid rgba(0,0,0,.2)!important;border-radius:5px;cursor:pointer}
.ck-dd{left:auto;right:0;min-width:210px;display:flex;flex-direction:column}
.aio-circ .ck-dd button{border:0!important;background:transparent!important;color:#101828!important;text-align:left;padding:7px 10px!important;border-radius:6px;cursor:pointer}
.aio-circ .ck-dd button:hover{background:#eef4ff!important;color:var(--ck-ac)!important}
.ck-main{flex:1;display:flex;min-height:0}
.ck-canvas{flex:1;position:relative;min-width:0;background:#f2f4f7;background-image:radial-gradient(#d0d5dd 1px,transparent 1px);background-size:20px 20px;overflow:hidden;touch-action:none}
.aio-circ.is-sch .ck-canvas{background:#fff}
.ck-svg{position:absolute;inset:0;width:100%;height:100%;display:block;user-select:none;-webkit-user-select:none;cursor:default}
.ck-c{cursor:move}
.aio-circ.is-ro .ck-c,.aio-circ.is-sim .ck-c{cursor:default}
.aio-circ.is-sim .ck-c.is-int{cursor:pointer}
.ck-c.is-sel>g{filter:drop-shadow(0 0 2px #1570ef) drop-shadow(0 0 1px #1570ef)}
.ck-w{cursor:pointer}
.ck-w.is-sel path:last-of-type{filter:drop-shadow(0 0 2px #1570ef)}
.ck-bend{cursor:move}
.ck-note{cursor:move}
.ck-note.is-sel rect{stroke:#1570ef;stroke-width:1.5}
.aio-circ .ck-fit{position:absolute;left:10px;top:10px;width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--ck-b)!important;border-radius:50%;background:#fff!important;color:#344054!important;cursor:pointer;padding:0!important}
.ck-tip{position:absolute;pointer-events:none;background:#101828;color:#fff;font-size:11.5px;padding:3px 7px;border-radius:5px;white-space:nowrap;z-index:15}
.ck-insp{position:absolute;right:12px;top:12px;width:240px;max-height:calc(100% - 24px);overflow:auto;background:#fff;border:1px solid var(--ck-b);border-radius:10px;box-shadow:0 12px 28px rgba(16,24,40,.14);padding:10px 12px;z-index:10;font-size:12.5px}
.ck-ih{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.aio-circ .ck-ih button{border:0!important;background:none!important;color:#667085!important;cursor:pointer;padding:2px 4px!important}
.ck-insp label{display:flex;flex-direction:column;gap:3px;margin:0 0 8px;color:#475467}
.ck-insp input[type=text],.ck-insp input[type=number],.ck-insp select,.ck-insp textarea{width:100%;padding:5px 7px;border:1px solid var(--ck-b);border-radius:6px;font:inherit;color:#101828;background:#fff;min-height:0;height:auto}
.ck-unit{display:flex;gap:4px}
.ck-unit input{flex:1;min-width:0}
.ck-unit select{width:72px!important;flex:none}
.ck-wcs{display:grid;grid-template-columns:repeat(5,26px);gap:6px;margin-bottom:8px}
.aio-circ .ck-wcs button.is-on{outline:2px solid var(--ck-ac);outline-offset:1px}
.ck-ihint{margin:4px 0 0;color:#667085;font-size:11.5px}
.ck-bom{position:absolute;inset:0;overflow:auto;background:#fff;padding:16px}
.ck-bom table{width:100%;border-collapse:collapse;font-size:13px}
.ck-bom th,.ck-bom td{text-align:left;padding:8px 10px;border-bottom:1px solid #eaecf0}
.ck-bom th{background:#f9fafb;color:#475467;font-weight:600}
.ck-lib{width:250px;flex:none;border-left:1px solid var(--ck-b);display:flex;flex-direction:column;background:#fff;position:relative}
.ck-libh{display:flex;flex-direction:column;gap:2px;padding:8px 10px 4px;margin:0;font-size:11px;color:#667085}
.ck-cat{padding:6px 8px;border:1px solid var(--ck-b);border-radius:7px;font:600 13px system-ui,sans-serif;color:#101828;background:#fff;height:auto}
.ck-search{margin:4px 10px 8px;padding:6px 9px;border:1px solid var(--ck-b);border-radius:7px;font:inherit;height:auto}
.ck-items{flex:1;overflow:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:0 10px 10px;align-content:start}
.aio-circ .ck-item{display:flex!important;flex-direction:column;align-items:center;gap:3px;padding:6px 3px!important;border:1px solid transparent!important;border-radius:8px;background:none!important;color:#344054!important;cursor:grab;font-size:10.5px;text-align:center;touch-action:none}
.aio-circ .ck-item:hover{background:#f5f8ff!important;border-color:#c7d7fe!important}
.ck-item svg{width:62px;height:52px}
.ck-item span{line-height:1.15;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ck-empty{grid-column:1/-1;color:#667085;text-align:center}
.ck-ghost{position:fixed;width:70px;height:60px;margin:-30px 0 0 -35px;pointer-events:none;z-index:9999;opacity:.85}
.ck-status{display:flex;gap:12px;align-items:center;padding:5px 10px;border-top:1px solid var(--ck-b);background:var(--ck-bg);font-size:12px;color:#475467;min-height:28px}
.ck-msg{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ck-warn{color:#b54708;font-weight:600}
.ck-time{color:#667085;white-space:nowrap}
.aio-circ.is-bomv .ck-insp,.aio-circ.is-bomv .ck-fit{display:none}
@media (max-width:900px){.ck-lib{width:190px}.ck-items{grid-template-columns:repeat(2,minmax(0,1fr))}.aio-circ{height:640px}}
.ck-popov{position:absolute;inset:0;z-index:50;display:grid;place-items:center;background:rgba(255,255,255,.86)}
.ck-popov>div{max-width:420px;padding:18px 20px;background:#fff;border:1px solid var(--ck-b);border-radius:12px;box-shadow:0 12px 28px rgba(16,24,40,.14);text-align:center}
.ck-popov p{margin:0 0 12px;font-size:14px}
.aio-circ .ck-popov button{border:1px solid var(--ck-b)!important;background:#fff!important;color:#344054!important;border-radius:6px;padding:6px 10px!important;cursor:pointer}
/* ---- Ploča Kod (korak C) ---- */
.aio-circ .ck-codeb{display:inline-flex!important;align-items:center;gap:6px;height:32px;padding:0 12px!important;margin-right:6px;border:1px solid #d0d5dd!important;border-radius:6px;background:#fff!important;color:#344054!important;font:600 13px/1 system-ui,sans-serif;cursor:pointer}
.aio-circ .ck-codeb.is-on{background:#eff4ff!important;border-color:#84adff!important;color:#1849a9!important}
.ck-code{width:min(50%,760px);min-width:360px;display:flex;flex-direction:column;border-left:1px solid #e4e7ec;background:#fff;min-height:0}
.aio-circ.is-code .ck-lib{display:none}
.ck-ch{display:flex;align-items:center;gap:6px;padding:6px 8px;border-bottom:1px solid #e4e7ec;background:#f9fafb}
.ck-ch select{height:30px;border:1px solid #d0d5dd;border-radius:6px;padding:0 6px;font-size:13px;background:#fff;max-width:240px}
.ck-cbn{font-size:12px;color:#475467;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ck-sp{flex:1}
.ck-code .ck-b{width:30px;height:30px;font-size:15px}
.ck-cempty{padding:24px;color:#667085;font-size:14px;line-height:1.5}
.ck-cerr{padding:8px 10px;background:#fef3f2;border-bottom:1px solid #fecdca;color:#b42318;font:13px/1.4 ui-monospace,Consolas,monospace;white-space:pre-wrap}
.ck-cerr.is-soft{background:#fffaeb;border-color:#fedf89;color:#93370d}
.ck-cbody{flex:1;min-height:0;display:flex;flex-direction:column}
.ck-bl{flex:1;min-height:0;display:flex}
.ck-blw{flex:1;min-width:0;position:relative}
.ck-cload{padding:24px;color:#667085;font-size:14px}
.ck-gen{width:42%;margin:0;padding:10px;overflow:auto;border-left:1px solid #e4e7ec;background:#fcfcfd;font:12px/1.5 ui-monospace,Consolas,monospace;color:#1d2939;white-space:pre}
.ck-te{flex:1;min-height:0;display:flex;font:13px/20px ui-monospace,SFMono-Regular,Consolas,monospace}
.ck-gut{width:42px;flex:none;overflow:hidden;padding:8px 0;background:#f9fafb;border-right:1px solid #eaecf0;color:#98a2b3;text-align:right;user-select:none}
.ck-gut span{display:block;padding-right:8px;height:20px}
.ck-gut span.is-err{background:#fee4e2;color:#b42318;font-weight:700}
.ck-tw{flex:1;position:relative;min-width:0}
.ck-tw pre,.ck-tw textarea{position:absolute;inset:0;margin:0;padding:8px 10px;border:0;font:inherit;line-height:20px;white-space:pre;overflow:auto;tab-size:2;box-sizing:border-box}
.ck-tw pre{color:#1d2939;pointer-events:none;overflow:hidden}
.ck-tw textarea{background:transparent;color:transparent;caret-color:#101828;resize:none;outline:0}
.ck-tw textarea::selection{background:rgba(46,144,250,.25);color:transparent}
.ck-tw textarea[readonly]{caret-color:transparent}
.ck-hl i,.ck-gen i{font-style:normal}
.ck-hl .k,.ck-gen .k{color:#0b6bcb}.ck-hl .f,.ck-gen .f{color:#b54708}.ck-hl .s,.ck-gen .s{color:#067647}.ck-hl .n,.ck-gen .n{color:#9e165f}.ck-hl .c,.ck-gen .c{color:#98a2b3;font-style:italic}.ck-hl .p,.ck-gen .p{color:#6941c6}
.ck-ser{height:30%;min-height:120px;display:flex;flex-direction:column;border-top:1px solid #d0d5dd;background:#fff}
.ck-serh{display:flex;align-items:center;padding:2px 8px;background:#f2f4f7;font-size:12px;color:#344054}
.ck-sero{flex:1;margin:0;padding:6px 10px;overflow:auto;font:12px/1.45 ui-monospace,Consolas,monospace;color:#101828;white-space:pre-wrap;background:#fff}
.ck-seri{display:flex;gap:6px;padding:6px;border-top:1px solid #eaecf0}
.ck-seri input{flex:1;height:30px;border:1px solid #d0d5dd;border-radius:6px;padding:0 8px;font:13px ui-monospace,Consolas,monospace}
.ck-seri button{height:30px;padding:0 12px;border:1px solid #d0d5dd;border-radius:6px;background:#fff;cursor:pointer}
.aio-circ .ck-key{cursor:pointer}
@media (max-width:900px){.ck-code{position:absolute;inset:0;width:auto;min-width:0;z-index:5}.ck-main{position:relative}}