: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% - 32px); 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 { max-width: 1500px; 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-mreza { display:grid; grid-template-columns:300px minmax(0,1fr); gap:20px; 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-upload .dashicons { font-size:32px; 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-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 { min-height:650px; padding:20px; }
.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 .dashicons { width:64px; height:64px; font-size: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-klon-alati { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin:0 0 12px; padding:10px 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-klon-gumbi { display:flex; gap:6px; flex-wrap:wrap; }
.ibe-klon-gumbi .button.je-aktivan { background:var(--ibe-plava); 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-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-status { min-height:22px; padding-top:12px; color:#2271b1; }.ibe-status.je-greska { color:#d63638; }
.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 .dashicons { width:34px; height:34px; font-size: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-podaci { display:flex; flex-direction:column; gap:5px; margin-top:22px; padding:14px; border-radius:7px; background:var(--ibe-siva); color:#50575e; }
.ibe-prijava-podaci strong { color:var(--ibe-tekst); margin-bottom:3px; }.ibe-prijava-podaci code { color:#1d2327; }
.ibe-prijava-greska { margin:0 0 15px; padding:10px 12px; border-left:4px solid #d63638; background:#fcf0f1; color:#8a2424; }

/* Č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 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 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 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:310px minmax(0,1fr); gap:18px; }
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-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: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}}