:root { --ibe-plava: #2271b1; --ibe-rub: #dcdcde; --ibe-tekst: #1d2327; --ibe-siva: #f6f7f7; }
.ibe-frontend { margin:0; background:#f0f2f5; color:var(--ibe-tekst); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; }
.ibe-frontend * { box-sizing:border-box; }
.ibe-frontend .ibe-app { width:calc(100% - 40px); max-width:none; margin:0 auto; padding:1px 0 32px; }
.ibe-frontend .button { display:inline-flex; align-items:center; justify-content:center; min-height:36px; padding:6px 14px; border:1px solid var(--ibe-plava); border-radius:4px; background:#fff; color:var(--ibe-plava); font:600 14px/1.2 inherit; text-decoration:none; cursor:pointer; }
.ibe-frontend .button:hover { background:#f0f6fc; }
.ibe-frontend .button-primary { background:var(--ibe-plava); color:#fff; }
.ibe-frontend .button-primary:hover { background:#135e96; color:#fff; }
.ibe-frontend input,.ibe-frontend select { font:inherit; }
.ibe-app { width:calc(100% - 40px); max-width:none; margin-left:auto; margin-right:auto; color:var(--ibe-tekst); }
.ibe-naslov { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:20px 0; }
.ibe-naslov h1 { margin:0 0 5px; font-size:28px; }
.ibe-naslov p { margin:0; color:#646970; }
.ibe-naslov-akcije { display:flex; gap:8px; align-items:center; }
.ibe-brand { display:flex; align-items:center; gap:15px; min-width:0; }
.ibe-brand > img { display:block; width:auto; max-width:190px; height:56px; object-fit:contain; }
.ibe-mreza { display:grid; grid-template-columns:290px minmax(0,1fr) 170px; gap:14px; align-items:start; }
.ibe-panel,.ibe-radni-prostor { background:#fff; border:1px solid var(--ibe-rub); border-radius:10px; box-shadow:0 1px 2px rgba(0,0,0,.04); }
.ibe-panel { padding:16px; position:sticky; top:42px; }
.ibe-upload { min-height:140px; border:2px dashed #a7aaad; border-radius:8px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:7px; cursor:pointer; text-align:center; padding:12px; box-sizing:border-box; transition:.15s; }
.ibe-upload:hover,.ibe-upload:focus,.ibe-upload.je-iznad { border-color:var(--ibe-plava); background:#f0f6fc; outline:none; }
.ibe-svg-ikona { display:block; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.ibe-upload .ibe-svg-ikona { width:32px; height:32px; color:var(--ibe-plava); }
.ibe-upload strong { font-size:16px; }.ibe-upload small { color:#646970; }
.ibe-postavke { display:flex; flex-direction:column; gap:13px; margin-top:18px; }
.ibe-postavke h2 { font-size:15px; margin:0; padding-bottom:9px; border-bottom:1px solid var(--ibe-rub); }
.ibe-postavke label { display:flex; flex-direction:column; gap:5px; font-weight:600; }
.ibe-postavke input[type="number"],.ibe-postavke input[type="text"],.ibe-postavke select { width:100%; }
.ibe-postavke input[type="color"] { width:100%; height:35px; padding:2px; }
.ibe-postavke output { float:right; font-weight:400; }
.ibe-dva-polja { display:grid; grid-template-columns:1fr 1fr; gap:10px; }.ibe-puna-sirina { width:100%; justify-content:center; }
.ibe-nazivi { border:1px solid var(--ibe-rub); border-radius:6px; padding:10px; margin:0; display:flex; flex-direction:column; gap:7px; }
.ibe-nazivi legend,.ibe-pozadina legend { padding:0 5px; margin-left:-5px; font-weight:600; }
.ibe-pozadina { border:0; padding:0; margin:0; display:flex; flex-direction:column; gap:8px; }
.ibe-pozadina-izbor { display:flex; gap:14px; flex-wrap:wrap; }
.ibe-boja-red { display:grid; grid-template-columns:48px 1fr; gap:8px; transition:opacity .15s; }
.ibe-boja-red input[type="color"] { width:48px; }
.ibe-boja-red.je-onemoguceno { opacity:.45; }
.ibe-pipeta-gumb { width:100%; min-height:34px; }
.ibe-pipeta-gumb.je-aktivan { background:#007c91; border-color:#007c91; color:#fff; }
.ibe-prozirnost-pozadine { display:flex; flex-direction:column; gap:5px; transition:opacity .15s; }
.ibe-prozirnost-pozadine > span { display:grid; grid-template-columns:minmax(0,1fr) 62px 14px; align-items:center; gap:7px; }
.ibe-prozirnost-pozadine input[type="range"] { width:100%; }
.ibe-prozirnost-pozadine input[type="number"] { width:62px; }
.ibe-prozirnost-pozadine b { font-weight:600; }
.ibe-prozirnost-pozadine > em { display:flex; justify-content:space-between; color:#646970; font-size:10px; font-style:normal; font-weight:400; }
.ibe-prozirnost-pozadine > em i { font-style:normal; }
.ibe-prozirnost-pozadine.je-onemoguceno { opacity:.45; }
.ibe-postavke .ibe-radio { display:flex; flex-direction:row; align-items:center; gap:7px; font-weight:600; }
.ibe-radio-odmak { margin-top:7px; padding-top:10px; border-top:1px solid var(--ibe-rub); }
.ibe-nazivi small { color:#646970; line-height:1.35; }
.ibe-greska-polja { color:#d63638; font-weight:600; }
.ibe-neispravno { border-color:#d63638 !important; box-shadow:0 0 0 1px #d63638 !important; }
.ibe-radni-prostor { position:sticky; top:12px; min-height:min(650px,calc(100vh - 24px)); max-height:calc(100vh - 24px); padding:20px; overflow-y:auto; overscroll-behavior:contain; scrollbar-gutter:stable; }
.ibe-prazno { min-height:590px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; color:#646970; }
.ibe-prazno[hidden],#ibe-sadrzaj[hidden] { display:none !important; }
.ibe-prazno .ibe-svg-ikona { width:64px; height:64px; color:#a7aaad; }.ibe-prazno h2 { color:var(--ibe-tekst); margin:15px 0 5px; }
.ibe-alati,.ibe-popis-zaglavlje { display:flex; align-items:center; justify-content:space-between; gap:15px; flex-wrap:wrap; }
.ibe-alati { padding-bottom:14px; }.ibe-alati strong { display:block; font-size:16px; max-width:500px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.ibe-alati span { color:#646970; }
.ibe-gumbi { display:flex; gap:6px; }.ibe-canvas-okvir { min-height:390px; background:#1e1e1e; background-image:linear-gradient(45deg,#292929 25%,transparent 25%),linear-gradient(-45deg,#292929 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#292929 75%),linear-gradient(-45deg,transparent 75%,#292929 75%); background-size:20px 20px; background-position:0 0,0 10px,10px -10px,-10px 0; display:flex; align-items:center; justify-content:center; padding:20px; border-radius:8px; overflow:hidden; }
#ibe-canvas { max-width:100%; box-shadow:0 0 0 1px rgba(255,255,255,.35),0 8px 30px rgba(0,0,0,.35); cursor:grab; touch-action:none; }#ibe-canvas.se-povlaci { cursor:grabbing; }
.ibe-canvas-okvir.alat-odabir,.ibe-canvas-okvir.alat-odabir #ibe-canvas { cursor:crosshair; }
.ibe-canvas-okvir.alat-gradijent,.ibe-canvas-okvir.alat-gradijent #ibe-canvas { cursor:crosshair; }
.ibe-canvas-okvir.alat-oblik,.ibe-canvas-okvir.alat-oblik #ibe-canvas { cursor:crosshair; }
.ibe-canvas-okvir.alat-pipeta,.ibe-canvas-okvir.alat-pipeta #ibe-canvas { cursor:crosshair; }
.ibe-klon-alati { display:flex; flex-direction:column; align-items:stretch; gap:0; margin:0 0 12px; padding:0 12px; border:1px solid #c3c4c7; border-radius:7px; background:#f6f7f7; }
.ibe-klon-alati > strong { font-size:13px; margin-right:4px; }.ibe-klon-alati > small { width:100%; color:#646970; }
.ibe-grupa-alata { display:grid; grid-template-columns:62px minmax(0,1fr); align-items:center; gap:10px; padding:9px 0; }
.ibe-grupa-alata + .ibe-grupa-alata { border-top:1px solid #dcdcde; }
.ibe-grupa-alata > strong { color:#50575e; font-size:12px; font-weight:700; }
.ibe-klon-gumbi { display:flex; gap:6px; flex-wrap:wrap; }
.ibe-klon-gumbi .button.je-aktivan { background:var(--ibe-plava); color:#fff; }
.ibe-klon-gumbi #ibe-alat-gradijent.je-aktivan { background:#007c91; border-color:#007c91; color:#fff; }
.ibe-klon-gumbi #ibe-alat-krug.je-aktivan,.ibe-klon-gumbi #ibe-alat-strelica.je-aktivan { background:#8a2424; border-color:#8a2424; color:#fff; }
.ibe-klon-gumbi #ibe-alat-tekst.je-aktivan { background:#7c3aed; border-color:#7c3aed; color:#fff; }
.ibe-boja-alata { display:inline-flex; align-items:center; gap:5px; min-height:36px; padding:3px 6px; border:1px solid #8c8f94; border-radius:4px; background:#fff; font-size:10px; line-height:1.2; font-weight:600; }
.ibe-boja-alata input[type="color"] { width:30px; min-width:30px; height:28px; min-height:28px; padding:2px; border:0; }
.ibe-boja-alata input[type="text"] { width:76px; min-height:28px !important; height:28px !important; padding:2px 5px !important; font-size:12px !important; }
.ibe-tekst-postavke { width:100%; display:flex; flex-direction:column; gap:8px; margin-top:3px; padding:9px; border:1px solid #dcdcde; border-radius:5px; background:#f6f7f7; }
.ibe-tekst-postavke[hidden] { display:none !important; }
.ibe-tekst-postavke label { display:flex; width:100%; flex-direction:column; gap:4px; font-size:10.5px; font-weight:600; }
.ibe-tekst-postavke select,.ibe-tekst-postavke input[type="number"],.ibe-tekst-postavke input[type="text"] { width:100%; min-height:32px; padding:5px 7px; border:1px solid #8c8f94; border-radius:3px; background:#fff; font:12px/1.35 inherit; }
.ibe-tekst-na-slici { position:fixed; z-index:100000; min-width:80px; min-height:34px; margin:0; padding:0; overflow:hidden; resize:none; border:1px dashed #2271b1; border-radius:2px; outline:0; background:rgba(255,255,255,.08); box-shadow:0 0 0 1px rgba(255,255,255,.65); font-weight:400; letter-spacing:0; white-space:pre-wrap; }
.ibe-tekst-na-slici::selection { background:#2271b1; color:#fff; text-shadow:none; }
.ibe-tekst-velicina .ibe-tekst-vrijednost { display:grid; grid-template-columns:minmax(0,1fr) 22px; align-items:center; gap:4px; }
.ibe-tekst-velicina small,.ibe-tekst-razmak small { color:#646970; font-size:10px; font-weight:400; }
.ibe-tekst-razmak .ibe-tekst-vrijednost { display:grid; grid-template-columns:minmax(0,1fr) 22px; align-items:center; gap:4px; }
.ibe-tekst-sjena-postavke { padding:8px; border:1px solid #dcdcde; border-radius:5px; background:#fff; }
.ibe-tekst-sjena-ukljuci { flex-direction:row !important; align-items:center; gap:7px !important; }
.ibe-tekst-sjena-ukljuci input { width:16px; height:16px; margin:0; }
#ibe-tekst-sjena-kontrole { display:flex; flex-direction:column; gap:7px; margin-top:8px; padding-top:8px; border-top:1px solid #dcdcde; }
#ibe-tekst-sjena-kontrole[hidden] { display:none !important; }
.ibe-tekst-sjena-pomak { display:grid; grid-template-columns:1fr 1fr; gap:6px; }
.ibe-tekst-sjena-pomak input { width:100%; }
.ibe-tekst-boja { display:grid !important; grid-template-columns:36px minmax(0,1fr); }
.ibe-tekst-boja > span { grid-column:1/-1; }
.ibe-tekst-boja input[type="color"] { width:36px; height:32px; padding:2px; border:1px solid #8c8f94; }
.ibe-tekst-stil { display:flex; width:100%; flex-direction:column; gap:4px; color:#2c3338; font-size:10.5px; font-weight:600; }
.ibe-tekst-stil > div { display:grid; grid-template-columns:repeat(3,1fr); gap:4px; }
.ibe-tekst-stil-gumb { width:100%; min-height:34px !important; padding:3px !important; color:#2271b1 !important; font-family:Arial,sans-serif !important; font-size:17px !important; line-height:1 !important; }
.ibe-tekst-stil-gumb.je-aktivan { border-color:#2271b1 !important; background:#2271b1 !important; color:#fff !important; }
.ibe-ikona-bold { font-weight:700 !important; }
.ibe-ikona-italic { font-style:italic !important; font-family:Georgia,serif !important; }
.ibe-ikona-underline { text-decoration:underline !important; text-underline-offset:3px; }
.ibe-tekst-poravnanje { display:grid; grid-template-columns:repeat(4,1fr); gap:4px; }
.ibe-tekst-poravnanje .button { position:relative; min-width:0; width:100%; min-height:32px !important; padding:4px !important; overflow:hidden; color:#2271b1 !important; }
.ibe-tekst-poravnanje .button::before { content:""; display:block; width:20px; height:16px; margin:auto; }
.ibe-tekst-poravnanje #ibe-tekst-lijevo::before { background:linear-gradient(currentColor,currentColor) left 0/100% 2px no-repeat,linear-gradient(currentColor,currentColor) left 5px/68% 2px no-repeat,linear-gradient(currentColor,currentColor) left 10px/88% 2px no-repeat,linear-gradient(currentColor,currentColor) left 15px/58% 2px no-repeat; }
.ibe-tekst-poravnanje #ibe-tekst-sredina::before { background:linear-gradient(currentColor,currentColor) center 0/100% 2px no-repeat,linear-gradient(currentColor,currentColor) center 5px/68% 2px no-repeat,linear-gradient(currentColor,currentColor) center 10px/88% 2px no-repeat,linear-gradient(currentColor,currentColor) center 15px/58% 2px no-repeat; }
.ibe-tekst-poravnanje #ibe-tekst-desno::before { background:linear-gradient(currentColor,currentColor) right 0/100% 2px no-repeat,linear-gradient(currentColor,currentColor) right 5px/68% 2px no-repeat,linear-gradient(currentColor,currentColor) right 10px/88% 2px no-repeat,linear-gradient(currentColor,currentColor) right 15px/58% 2px no-repeat; }
.ibe-tekst-poravnanje #ibe-tekst-obostrano::before { background:repeating-linear-gradient(to bottom,currentColor 0 2px,transparent 2px 5px); }
.ibe-tekst-poravnanje .button.je-aktivan { background:#2271b1; border-color:#2271b1; }
.ibe-tekst-poravnanje .button.je-aktivan { color:#fff !important; }
.ibe-klon-gumbi .ibe-vektor-gumb:not(:disabled) { border-color:#008a20; color:#006b19; background:#f0fff3; }
.ibe-klon-gumbi .ibe-vektor-gumb:not(:disabled):hover { background:#008a20; color:#fff; }
.ibe-oznacene-dimenzije { display:inline-flex; align-items:center; min-height:36px; padding:5px 10px; border:1px solid #8c8f94; border-radius:4px; background:#fff; color:#2c3338; font-size:12px; font-weight:600; white-space:nowrap; }
.ibe-oznacene-dimenzije[hidden] { display:none !important; }
.ibe-slojevi-panel { display:block; margin:0 0 12px; padding:8px 10px; border:1px solid var(--ibe-rub); border-radius:6px; background:#fff; }
.ibe-slojevi-panel[hidden] { display:none !important; }
.ibe-slojevi-zaglavlje { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:8px; }
.ibe-slojevi-zaglavlje > strong { font-size:12px; }
.ibe-slojevi-zaglavlje > div { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:6px; }
.ibe-slojevi-zaglavlje .button { min-height:30px; line-height:28px; padding:0 10px; white-space:nowrap; }
.ibe-slojevi-panel.je-grupirano #ibe-slojevi-popis { opacity:.72; }
#ibe-slojevi-popis { display:flex; flex-wrap:wrap; gap:6px; min-width:0; }
.ibe-sloj-red { display:flex; align-items:center; overflow:hidden; border:1px solid #c3c4c7; border-radius:4px; background:#f6f7f7; }
.ibe-sloj-red.je-aktivan { border-color:var(--ibe-plava); box-shadow:0 0 0 1px var(--ibe-plava); background:#f0f6fc; }
.ibe-sloj-odaberi,.ibe-sloj-ukloni,.ibe-sloj-redoslijed { min-height:28px; margin:0; padding:4px 8px; border:0; background:transparent; color:#2c3338; font:inherit; font-size:12px; cursor:pointer; }
.ibe-sloj-odaberi { max-width:180px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ibe-sloj-redoslijed { width:28px; padding:0; border-left:1px solid #dcdcde; color:#2271b1; font-size:15px; }
.ibe-sloj-redoslijed:hover:not(:disabled) { background:#dbeafe; }
.ibe-sloj-redoslijed:disabled { color:#a7aaad; cursor:default; opacity:.55; }
.ibe-sloj-ukloni { width:28px; padding:0; color:#646970; font-size:18px; }
.ibe-sloj-ukloni:hover { background:#d63638; color:#fff; }
.ibe-zoom-red { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:13px 4px 20px; border-bottom:1px solid var(--ibe-rub); color:#646970; }.ibe-zoom-red label { display:flex; align-items:center; gap:10px; color:var(--ibe-tekst); font-weight:600; }.ibe-zoom-red input[type="range"] { width:220px; }.ibe-zoom-red input[type="number"] { width:72px; }
.ibe-poruke-panel { position:sticky; top:12px; align-self:start; max-height:calc(100vh - 24px); overflow-y:auto; visibility:visible; opacity:1; scrollbar-gutter:stable; }
.ibe-poruke-panel.ima-poruka { visibility:visible; opacity:1; }
.ibe-upozorenje-rezolucije { width:100%; padding:11px 12px; border:2px solid #d63638; border-radius:7px; background:#fcf0f1; color:#8a2424; font-size:12px; font-weight:600; line-height:1.5; text-align:left; }
.ibe-upozorenje-rezolucije[hidden] { display:none !important; }
.ibe-poruke-panel .ibe-upozorenje-rezolucije { margin-bottom:10px; }
.ibe-poruke-panel .ibe-klon-alati { margin:0; padding:0 10px; background:#fff; }
.ibe-poruke-panel .ibe-grupa-alata { display:block; padding:11px 0; }
.ibe-poruke-panel .ibe-grupa-alata > strong { display:block; margin:0 0 8px; font-size:13px; }
.ibe-poruke-panel .ibe-klon-gumbi { display:flex; flex-direction:column; align-items:stretch; gap:6px; }
.ibe-poruke-panel .ibe-klon-gumbi > .button { width:100%; min-height:34px; white-space:normal; line-height:1.25; }
.ibe-poruke-panel .ibe-boja-alata { width:100%; flex-wrap:wrap; box-sizing:border-box; }
.ibe-poruke-panel .ibe-boja-alata > span { width:100%; }
.ibe-poruke-panel .ibe-boja-alata input[type="text"] { flex:1; min-width:0; }
.ibe-trenutne-dimenzije { display:flex; flex-direction:column; align-items:flex-end; gap:2px; text-align:right; }
.ibe-trenutne-dimenzije strong { color:var(--ibe-tekst); font-size:13px; }
.ibe-popis-zaglavlje { margin:15px 0 10px; }.ibe-popis-zaglavlje h2 { margin:0; font-size:17px; }.ibe-popis-zaglavlje > div { display:flex; gap:7px; }
.ibe-popis { display:grid; grid-template-columns:repeat(auto-fill,minmax(210px,1fr)); gap:10px; }
.ibe-kartica { position:relative; display:grid; grid-template-columns:58px minmax(0,1fr); gap:10px; align-items:center; padding:7px 30px 7px 7px; background:#fff; border:1px solid var(--ibe-rub); border-radius:7px; text-align:left; cursor:pointer; min-width:0; }.ibe-kartica:hover { border-color:#8c8f94; }.ibe-kartica.je-aktivna { border-color:var(--ibe-plava); box-shadow:0 0 0 1px var(--ibe-plava); background:#f0f6fc; }
.ibe-kartica img { width:58px; height:48px; object-fit:cover; border-radius:4px; background:#ddd; }.ibe-kartica > span:not(.ibe-ukloni) { min-width:0; }.ibe-kartica strong,.ibe-kartica small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.ibe-kartica small { color:#646970; margin-top:3px; }.ibe-ukloni { position:absolute; top:5px; right:7px; width:22px; height:22px; display:grid; place-items:center; font-size:20px; color:#646970; border-radius:50%; }.ibe-ukloni:hover { background:#d63638; color:#fff; }
.ibe-prijava-omot { min-height:100vh; display:grid; place-items:center; padding:24px; }
.ibe-prijava-kartica { width:min(100%,420px); padding:32px; background:#fff; border:1px solid var(--ibe-rub); border-radius:12px; box-shadow:0 12px 40px rgba(0,0,0,.09); }
.ibe-prijava-ikona { width:60px; height:60px; display:grid; place-items:center; margin:0 auto 14px; border-radius:50%; background:#f0f6fc; color:var(--ibe-plava); }
.ibe-prijava-ikona .ibe-svg-ikona { width:34px; height:34px; }
.ibe-prijava-kartica h1 { margin:0; text-align:center; font-size:27px; }
.ibe-prijava-uvod { margin:8px 0 22px; color:#646970; text-align:center; }
.ibe-prijava-forma { display:flex; flex-direction:column; gap:15px; }
.ibe-prijava-forma label { display:flex; flex-direction:column; gap:6px; font-weight:600; }
.ibe-prijava-forma input { width:100%; min-height:42px; padding:8px 11px; border:1px solid #8c8f94; border-radius:4px; }
.ibe-prijava-forma input:focus { border-color:var(--ibe-plava); box-shadow:0 0 0 1px var(--ibe-plava); outline:none; }
.ibe-prijava-forma .button { width:100%; min-height:44px; margin-top:2px; }
.ibe-prijava-greska { margin:0 0 15px; padding:10px 12px; border-left:4px solid #d63638; background:#fcf0f1; color:#8a2424; }
.ibe-modal { position:fixed; z-index:100000; inset:0; display:grid; place-items:center; padding:20px; background:rgba(0,0,0,.55); }
.ibe-modal[hidden] { display:none !important; }
.ibe-modal-kartica { width:min(100%,430px); display:flex; flex-direction:column; gap:14px; padding:24px; border:1px solid var(--ibe-rub); border-radius:10px; background:#fff; box-shadow:0 20px 60px rgba(0,0,0,.3); }
.ibe-modal-kartica h2,.ibe-modal-kartica p { margin:0; }
.ibe-modal-kartica p { overflow-wrap:anywhere; color:#50575e; }
.ibe-modal-kartica label { display:flex; flex-direction:column; gap:6px; font-weight:600; }
.ibe-modal-kartica select { width:100%; min-height:38px; }
.ibe-modal-kartica small { color:#646970; }
.ibe-modal-akcije { display:flex; justify-content:flex-end; gap:8px; margin-top:4px; }
.ibe-upute-gumb { border-color:#2271b1 !important; color:#135e96 !important; background:#f0f6fc !important; }
.ibe-upute-gumb:hover { background:#2271b1 !important; color:#fff !important; }
body.ibe-upute-otvorene { overflow:hidden; }
.ibe-upute-modal { align-items:center; }
.ibe-upute-kartica { width:min(960px,calc(100vw - 32px)); max-height:calc(100vh - 32px); display:grid; grid-template-rows:auto auto minmax(0,1fr) auto; overflow:hidden; border-radius:12px; background:#f6f7f7; box-shadow:0 24px 80px rgba(0,0,0,.42); }
.ibe-upute-zaglavlje { display:flex; justify-content:space-between; align-items:flex-start; gap:20px; padding:22px 24px 18px; border-bottom:1px solid #dcdcde; background:#fff; }
.ibe-upute-zaglavlje h2 { margin:0 0 5px !important; font-size:23px !important; color:#1d2327; }
.ibe-upute-zaglavlje p { margin:0; color:#646970; }
.ibe-upute-x { flex:0 0 38px; width:38px; height:38px; display:grid; place-items:center; margin:0; padding:0; border:0; border-radius:50%; background:#f0f0f1; color:#1d2327; font-size:28px; line-height:1; cursor:pointer; }
.ibe-upute-x:hover { background:#d63638; color:#fff; }
.ibe-upute-pretraga { position:relative; z-index:2; padding:14px 24px; border-bottom:1px solid #dcdcde; background:#fff; }
.ibe-upute-pretraga > label { display:block; margin-bottom:6px; font-weight:700; }
.ibe-upute-pretraga > div { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; }
.ibe-upute-pretraga input[type="search"] { width:100%; min-height:42px; padding:8px 12px; border:2px solid #8c8f94; border-radius:5px; background:#fff; font-size:15px; }
.ibe-upute-pretraga input[type="search"]:focus { border-color:#2271b1; outline:none; box-shadow:0 0 0 1px #2271b1; }
.ibe-upute-pretraga .button { min-height:42px; }
.ibe-upute-pretraga > span { display:block; min-height:18px; margin-top:6px; color:#646970; font-size:12px; }
.ibe-upute-sadrzaj { overflow-y:auto; overscroll-behavior:contain; padding:18px 24px 26px; scroll-behavior:smooth; }
.ibe-upute-tema { margin:0 0 12px; padding:17px 18px; border:1px solid #dcdcde; border-radius:8px; background:#fff; }
.ibe-upute-tema[hidden] { display:none !important; }
.ibe-upute-tema h3 { margin:0 0 8px !important; color:#135e96; font-size:16px !important; line-height:1.35 !important; }
.ibe-upute-tema p { margin:0 0 9px; color:#2c3338; font-size:14px; line-height:1.62; }
.ibe-upute-tema p:last-child { margin-bottom:0; }
.ibe-upute-tema ul { margin:4px 0 10px 20px; padding:0; color:#2c3338; }
.ibe-upute-tema li { margin:0 0 5px; line-height:1.55; }
.ibe-upute-nema { display:flex; flex-direction:column; gap:5px; padding:28px; border:1px dashed #8c8f94; border-radius:8px; background:#fff; text-align:center; }
.ibe-upute-nema[hidden] { display:none !important; }
.ibe-upute-nema span { color:#646970; }
.ibe-upute-podnozje { display:flex; justify-content:flex-end; padding:12px 24px; border-top:1px solid #dcdcde; background:#fff; }
@media(max-width:600px){.ibe-upute-kartica{width:calc(100vw - 16px);max-height:calc(100vh - 16px)}.ibe-upute-zaglavlje,.ibe-upute-pretraga,.ibe-upute-sadrzaj,.ibe-upute-podnozje{padding-left:14px;padding-right:14px}.ibe-upute-pretraga>div{grid-template-columns:1fr}.ibe-upute-pretraga .button{width:100%}}

/* Čvrsta izolacija sučelja od tipografije i obrazaca aktivne teme. */
body.ibe-frontend #ibe-app { font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important; font-size:14px !important; line-height:1.45 !important; }
body.ibe-frontend #ibe-app h1 { font-family:inherit !important; font-size:28px !important; line-height:1.2 !important; font-weight:500 !important; letter-spacing:0 !important; text-transform:none !important; }
body.ibe-frontend #ibe-app .ibe-brand > img { display:block !important; width:auto !important; max-width:190px !important; height:56px !important; max-height:56px !important; object-fit:contain !important; }
body.ibe-frontend #ibe-app h2,body.ibe-frontend #ibe-app legend { font-family:inherit !important; font-size:14px !important; line-height:1.35 !important; font-weight:600 !important; letter-spacing:0 !important; text-transform:none !important; }
body.ibe-frontend #ibe-app p,body.ibe-frontend #ibe-app span,body.ibe-frontend #ibe-app small,body.ibe-frontend #ibe-app strong,body.ibe-frontend #ibe-app label,body.ibe-frontend #ibe-app output { font-family:inherit !important; letter-spacing:0 !important; text-transform:none !important; }
body.ibe-frontend #ibe-app label { font-size:13px !important; line-height:1.35 !important; }
body.ibe-frontend #ibe-app .ibe-boja-alata { font-size:10px !important; line-height:1.2 !important; }
body.ibe-frontend #ibe-app .ibe-tekst-postavke label { font-size:10.5px !important; }
body.ibe-frontend #ibe-app small { font-size:12px !important; line-height:1.45 !important; }
body.ibe-frontend #ibe-app input[type="text"],body.ibe-frontend #ibe-app input[type="number"],body.ibe-frontend #ibe-app select { min-height:36px !important; height:36px !important; margin:0 !important; padding:5px 9px !important; border:1px solid #8c8f94 !important; border-radius:4px !important; background-color:#fff !important; color:#2c3338 !important; font-family:inherit !important; font-size:14px !important; line-height:24px !important; box-shadow:none !important; }
body.ibe-frontend #ibe-app input[type="radio"] { width:16px !important; min-width:16px !important; height:16px !important; min-height:16px !important; margin:0 !important; padding:0 !important; }
body.ibe-frontend #ibe-app #ibe-tekst-sjena { width:16px !important; min-width:16px !important; height:16px !important; min-height:16px !important; margin:0 !important; padding:0 !important; }
body.ibe-frontend #ibe-app input[type="range"] { min-height:18px !important; height:18px !important; margin:4px 0 !important; padding:0 !important; }
body.ibe-frontend #ibe-app input[type="color"] { height:36px !important; min-height:36px !important; margin:0 !important; padding:3px !important; }
body.ibe-frontend #ibe-app .ibe-mreza { grid-template-columns:290px minmax(0,1fr) 170px; gap:14px; }
body.ibe-frontend #ibe-app .ibe-panel { padding:15px; }
body.ibe-frontend #ibe-app .ibe-upload { min-height:118px; gap:5px; padding:10px; }
body.ibe-frontend #ibe-app .ibe-upload strong { font-size:14px !important; line-height:1.3 !important; }
body.ibe-frontend #ibe-app .ibe-upload small { max-width:220px; }
body.ibe-frontend #ibe-app .ibe-postavke { gap:0; margin-top:14px; }
body.ibe-frontend #ibe-app .ibe-postavke > h2 { margin:0 !important; padding:0 0 10px !important; border-bottom:1px solid var(--ibe-rub); }
body.ibe-frontend #ibe-app .ibe-postavke > .ibe-dva-polja,body.ibe-frontend #ibe-app .ibe-postavke > fieldset { margin:0 !important; padding:13px 0 !important; border:0 !important; border-bottom:1px solid var(--ibe-rub) !important; border-radius:0 !important; }
body.ibe-frontend #ibe-app .ibe-postavke > .ibe-dva-polja { gap:10px; }
body.ibe-frontend #ibe-app .ibe-postavke > .ibe-dva-polja label { gap:5px; font-weight:600 !important; }
body.ibe-frontend #ibe-app .ibe-pozadina { gap:9px; }
body.ibe-frontend #ibe-app .ibe-pozadina legend,body.ibe-frontend #ibe-app .ibe-nazivi legend { width:auto !important; margin:0 0 7px !important; padding:0 !important; }
body.ibe-frontend #ibe-app .ibe-pozadina-izbor { gap:16px; }
body.ibe-frontend #ibe-app .ibe-radio { flex-direction:row !important; align-items:center !important; gap:6px !important; margin:0 !important; font-size:13px !important; line-height:1.35 !important; }
body.ibe-frontend #ibe-app .ibe-boja-red { grid-template-columns:46px 1fr; gap:8px; }
body.ibe-frontend #ibe-app .ibe-nazivi { gap:7px; }
body.ibe-frontend #ibe-app .ibe-radio-odmak { margin-top:5px !important; padding-top:10px !important; }
body.ibe-frontend #ibe-app .ibe-nazivi small { font-size:12px !important; }
body.ibe-frontend #ibe-app .ibe-puna-sirina { min-height:40px; margin-top:13px; }
body.ibe-frontend #ibe-app .ibe-zoom-red { font-size:13px !important; }
body.ibe-frontend #ibe-app .ibe-zoom-red label { font-size:13px !important; }
body.ibe-frontend #ibe-app .ibe-popis-zaglavlje h2 { font-size:16px !important; }
@media(max-width:900px){.ibe-mreza{grid-template-columns:1fr}.ibe-panel{position:static}.ibe-radni-prostor{position:static;min-height:650px;max-height:none;overflow:visible;scrollbar-gutter:auto}.ibe-canvas-okvir{min-height:280px}.ibe-zoom-red{align-items:flex-start;flex-direction:column}.ibe-zoom-red input{width:min(55vw,260px)}}
@media(max-width:1250px){.ibe-mreza,body.ibe-frontend #ibe-app .ibe-mreza{grid-template-columns:290px minmax(0,1fr)}.ibe-poruke-panel{grid-column:2;position:static}}
@media(max-width:900px){body.ibe-frontend #ibe-app .ibe-mreza{grid-template-columns:1fr}body.ibe-frontend #ibe-app .ibe-panel{position:static}body.ibe-frontend #ibe-app .ibe-zoom-red input[type="range"]{width:min(55vw,260px)!important}body.ibe-frontend #ibe-app .ibe-zoom-red input[type="number"]{width:72px!important}.ibe-poruke-panel{grid-column:1}}