:root, html[data-tema="Film"], .s29-app[data-tema="Film"] {
  --s29-midnight:#0b1428; --s29-panel:rgba(12,28,58,.52); --s29-field:rgba(255,255,255,.08);
  --s29-fg:#e8f4ff; --s29-label:#9ec9e8; --s29-border:rgba(140,200,230,.45);
  --s29-list-bg:rgba(8,20,50,.42); --s29-list-border:rgba(180,220,255,.32); --s29-list-text:#f2f7ff;
  --s29-list-alt:rgba(74,111,165,.14); --s29-list-hover:rgba(70,130,220,.28);
  --s29-list-sel:rgba(192,216,240,.82); --s29-list-sel-fg:#1a2840;
  --s29-menubar-top:rgba(42,58,122,.92); --s29-menubar-bot:rgba(26,40,72,.94); --s29-menubar-border:#66aaff;
  --s29-status-bg:rgba(21,32,64,.92);
  --s29-mask-bg:rgba(21,42,82,.78); --s29-mask-field:#c5dff8; --s29-mask-field-border:#7eb0d8; --s29-mask-field-fg:#0a1628;
  --s29-mask-label:#fff; --s29-mask-border:#5a9fd4;
  --s29-btn-top:rgba(60,100,180,.85); --s29-btn-bot:rgba(30,55,120,.90); --s29-btn-border:rgba(154,214,255,.65); --s29-btn-fg:#f0f8ff;
  --s29-combo-closed:rgba(28,70,130,.78); --s29-combo-closed-border:rgba(140,200,240,.55); --s29-combo-fg:#f2f8ff; --s29-combo-hover:rgba(70,140,220,.72);
}
html[data-tema="Myst"], .s29-app[data-tema="Myst"] {
  --s29-midnight:#1a0f2e; --s29-panel:rgba(72,28,110,.52); --s29-fg:#f3e8ff; --s29-label:#e0b8ff; --s29-border:rgba(220,140,255,.48);
  --s29-list-alt:rgba(160,80,220,.16); --s29-list-hover:rgba(190,100,255,.32); --s29-list-sel:rgba(230,190,255,.88); --s29-list-sel-fg:#2a1040; --s29-list-text:#f8f0ff; --s29-list-border:rgba(230,160,255,.35);
  --s29-menubar-top:rgba(90,48,140,.92); --s29-menubar-bot:rgba(50,24,90,.94); --s29-menubar-border:#e0a0ff; --s29-status-bg:rgba(30,18,56,.92);
  --s29-mask-bg:rgba(58,26,98,.78); --s29-mask-field:#e8d4ff; --s29-mask-field-border:#b88ae0; --s29-mask-field-fg:#1a0a2e; --s29-mask-border:#c48cff;
  --s29-btn-top:rgba(140,70,200,.85); --s29-btn-bot:rgba(80,35,130,.90); --s29-btn-border:rgba(220,160,255,.6); --s29-btn-fg:#faf0ff;
  --s29-combo-closed:rgba(100,50,155,.78); --s29-combo-closed-border:rgba(210,160,255,.55); --s29-combo-fg:#faf0ff; --s29-combo-hover:rgba(160,95,230,.72);
}
html[data-tema="Blur"], .s29-app[data-tema="Blur"] {
  --s29-midnight:#062428; --s29-panel:rgba(0,70,78,.52); --s29-fg:#e6fbff; --s29-label:#7ef0f8; --s29-border:rgba(60,240,250,.48);
  --s29-list-alt:rgba(20,160,170,.16); --s29-list-hover:rgba(20,220,230,.32); --s29-list-sel:rgba(180,245,250,.88); --s29-list-sel-fg:#063038; --s29-list-text:#effcff; --s29-list-border:rgba(80,240,250,.35);
  --s29-menubar-top:rgba(10,110,120,.92); --s29-menubar-bot:rgba(8,70,78,.94); --s29-menubar-border:#5ce0ea; --s29-status-bg:rgba(10,48,54,.92);
  --s29-mask-bg:rgba(15,74,82,.78); --s29-mask-field:#c8f4f8; --s29-mask-field-border:#6ec8d0; --s29-mask-field-fg:#042428; --s29-mask-border:#5ce0ea;
  --s29-btn-top:rgba(20,150,160,.85); --s29-btn-bot:rgba(10,90,100,.90); --s29-btn-border:rgba(100,230,240,.6); --s29-btn-fg:#f0ffff;
  --s29-combo-closed:rgba(8,110,120,.78); --s29-combo-closed-border:rgba(90,220,230,.55); --s29-combo-fg:#f0ffff; --s29-combo-hover:rgba(30,190,200,.72);
}
html[data-tema="Noise8"], .s29-app[data-tema="Noise8"] {
  --s29-midnight:#1a1410; --s29-panel:rgba(80,48,20,.52); --s29-fg:#fff4e6; --s29-label:#ffc878; --s29-border:rgba(255,180,80,.48);
  --s29-list-alt:rgba(180,110,40,.16); --s29-list-hover:rgba(240,150,50,.32); --s29-list-sel:rgba(255,210,150,.88); --s29-list-sel-fg:#2a1808; --s29-list-text:#fff8ee; --s29-list-border:rgba(255,190,100,.35);
  --s29-menubar-top:rgba(120,70,30,.92); --s29-menubar-bot:rgba(70,40,16,.94); --s29-menubar-border:#ffb050; --s29-status-bg:rgba(36,24,16,.92);
  --s29-mask-bg:rgba(74,48,24,.78); --s29-mask-field:#ffe8c8; --s29-mask-field-border:#d0a060; --s29-mask-field-fg:#1a1008; --s29-mask-border:#e0a050;
  --s29-btn-top:rgba(180,110,40,.85); --s29-btn-bot:rgba(110,60,20,.90); --s29-btn-border:rgba(255,190,100,.6); --s29-btn-fg:#fff8ee;
  --s29-combo-closed:rgba(150,90,30,.78); --s29-combo-closed-border:rgba(240,180,90,.55); --s29-combo-fg:#fff8ee; --s29-combo-hover:rgba(210,140,55,.72);
}
html[data-tema="Cool"], .s29-app[data-tema="Cool"] {
  --s29-midnight:#0a1828; --s29-panel:rgba(10,36,58,.52); --s29-fg:#e8f6ff; --s29-label:#8ec8f0; --s29-border:rgba(120,200,255,.45);
  --s29-list-alt:rgba(50,120,180,.16); --s29-list-hover:rgba(60,160,240,.32); --s29-list-sel:rgba(190,230,255,.88); --s29-list-sel-fg:#0a2438; --s29-list-text:#f0f8ff; --s29-list-border:rgba(140,210,255,.32);
  --s29-menubar-top:rgba(30,74,114,.92); --s29-menubar-bot:rgba(18,48,72,.94); --s29-menubar-border:#6ab8f0; --s29-status-bg:rgba(14,36,56,.92);
  --s29-mask-bg:rgba(22,64,96,.78); --s29-mask-field:#d0ebff; --s29-mask-field-border:#78b8e0; --s29-mask-field-fg:#061820; --s29-mask-border:#6ab8f0;
  --s29-btn-top:rgba(50,120,190,.85); --s29-btn-bot:rgba(25,70,120,.90); --s29-btn-border:rgba(140,210,255,.6); --s29-btn-fg:#f0f8ff;
  --s29-combo-closed:rgba(32,95,155,.78); --s29-combo-closed-border:rgba(130,200,245,.55); --s29-combo-fg:#f0f8ff; --s29-combo-hover:rgba(70,155,230,.72);
}
html[data-tema="Arhiva"], .s29-app[data-tema="Arhiva"], html[data-tema="strip"], .s29-app[data-tema="strip"] {
  --s29-midnight:#1a120c; --s29-panel:rgba(48,32,18,.55); --s29-fg:#f4ead8; --s29-label:#d4b896; --s29-border:rgba(210,170,110,.42);
  --s29-list-alt:rgba(140,90,40,.16); --s29-list-hover:rgba(180,120,50,.3); --s29-list-sel:rgba(232,210,168,.88); --s29-list-sel-fg:#2a1c10; --s29-list-text:#f6eedc; --s29-list-border:rgba(210,170,110,.32);
  --s29-menubar-top:rgba(92,58,28,.92); --s29-menubar-bot:rgba(48,30,16,.94); --s29-menubar-border:#c9a06a; --s29-status-bg:rgba(32,22,12,.92);
  --s29-mask-bg:rgba(72,48,24,.78); --s29-mask-field:#ead8b8; --s29-mask-field-border:#c4a070; --s29-mask-field-fg:#1e140c; --s29-mask-border:#c9a06a;
  --s29-btn-top:rgba(150,100,45,.88); --s29-btn-bot:rgba(90,55,22,.92); --s29-btn-border:rgba(230,190,120,.55); --s29-btn-fg:#fff6e8;
  --s29-combo-closed:rgba(110,72,32,.8); --s29-combo-closed-border:rgba(210,170,110,.55); --s29-combo-fg:#f6eedc; --s29-combo-hover:rgba(180,120,55,.7);
}
html[data-tema="Projektor"], .s29-app[data-tema="Projektor"], html[data-tema="cinema"], .s29-app[data-tema="cinema"] {
  --s29-midnight:#140c08; --s29-panel:rgba(42,22,10,.55); --s29-fg:#f6e6c8; --s29-label:#e0b06a; --s29-border:rgba(220,150,70,.42);
  --s29-list-alt:rgba(160,80,20,.16); --s29-list-hover:rgba(200,110,30,.3); --s29-list-sel:rgba(240,200,140,.88); --s29-list-sel-fg:#241408; --s29-list-text:#f8ead0; --s29-list-border:rgba(220,150,70,.32);
  --s29-menubar-top:rgba(88,42,12,.92); --s29-menubar-bot:rgba(42,20,8,.94); --s29-menubar-border:#e0a040; --s29-status-bg:rgba(28,14,6,.92);
  --s29-mask-bg:rgba(70,36,10,.78); --s29-mask-field:#f0d4a0; --s29-mask-field-border:#d4a050; --s29-mask-field-fg:#1c1006; --s29-mask-border:#e0a040;
  --s29-btn-top:rgba(180,100,28,.88); --s29-btn-bot:rgba(110,50,10,.92); --s29-btn-border:rgba(255,190,90,.55); --s29-btn-fg:#fff4e0;
  --s29-combo-closed:rgba(120,62,16,.8); --s29-combo-closed-border:rgba(230,160,70,.55); --s29-combo-fg:#f8ead0; --s29-combo-hover:rgba(200,110,30,.7);
}
html[data-tema="none"], .s29-app[data-tema="none"] {
  --s29-midnight:#121418; --s29-panel:rgba(28,32,40,.72); --s29-fg:#eef1f5; --s29-label:#a8b4c4; --s29-border:rgba(160,180,200,.4);
  --s29-list-alt:rgba(70,80,100,.16); --s29-list-hover:rgba(90,110,140,.32); --s29-list-sel:rgba(200,210,230,.88); --s29-list-sel-fg:#121820; --s29-list-text:#f0f2f5; --s29-list-border:rgba(140,160,180,.32);
  --s29-menubar-top:rgba(42,48,56,.92); --s29-menubar-bot:rgba(26,30,36,.94); --s29-menubar-border:#6a7888; --s29-status-bg:rgba(22,26,32,.92);
  --s29-mask-bg:rgba(36,42,52,.86); --s29-mask-field:#dce4ee; --s29-mask-field-border:#8a98a8; --s29-mask-field-fg:#101418; --s29-mask-border:#6a7888;
  --s29-btn-top:rgba(80,95,115,.85); --s29-btn-bot:rgba(45,55,70,.9); --s29-btn-border:rgba(160,180,200,.55); --s29-btn-fg:#f0f2f5;
  --s29-combo-closed:rgba(60,72,90,.78); --s29-combo-closed-border:rgba(150,170,190,.5); --s29-combo-fg:#f0f2f5; --s29-combo-hover:rgba(110,130,155,.45);
}
html, body { margin:0; height:100%; font-family:"Segoe UI",system-ui,sans-serif; font-size:13px; background:var(--s29-midnight); color:var(--s29-fg); }
.s29-app { min-height:100vh; display:flex; flex-direction:column; background:var(--s29-midnight); }
html[data-tema="Pozadina"], .s29-app[data-tema="Pozadina"] {
  background:#06101c url("/img/hilandar.jpg") center/cover fixed;
}
html[data-tema="strip"] body { background-image:repeating-linear-gradient(90deg,#1a120c 0 18px,#2a1c10 18px 22px); }
.s29-menubar {
  display:flex; align-items:center; gap:8px; padding:0 10px;
  height:38px; min-height:38px; max-height:38px; flex:0 0 38px;
  flex-wrap:nowrap; overflow:visible; white-space:nowrap;
  background:linear-gradient(180deg,var(--s29-menubar-top),var(--s29-menubar-bot));
  border-bottom:1px solid var(--s29-menubar-border); color:#eef; z-index:50;
}
.s29-brand { font-weight:700; color:#9cf; cursor:pointer; flex:0 0 auto; }
.s29-menu { display:flex; flex:0 0 auto; flex-wrap:nowrap; gap:2px; white-space:nowrap; background:transparent; }
.s29-menu-item { position:relative; padding:8px 10px; flex:0 0 auto; white-space:nowrap; }
.s29-menu-item:hover { background:rgba(100,160,255,.25); }
.s29-submenu {
  display:none; position:absolute; left:0; top:100%; min-width:240px; width:max-content; max-width:360px;
  background:var(--s29-menubar-bot); border:1px solid var(--s29-menubar-border); padding:4px 0; z-index:80;
}
.s29-submenu-float {
  display:block !important; position:fixed; z-index:5000;
  left:8px; right:8px; top:42px; width:auto; max-width:none;
  max-height:calc(100dvh - 56px); overflow:auto;
  box-shadow:0 16px 36px rgba(0,0,0,.55);
}
.s29-submenu-float button { white-space:normal; padding:12px 14px; font-size:16px; }
.s29-menu-item:hover .s29-submenu { display:block; }
.s29-submenu button {
  display:block; width:100%; text-align:left; background:transparent; color:var(--s29-fg);
  border:0; padding:7px 12px; cursor:pointer; white-space:nowrap; font:13px "Segoe UI",sans-serif;
}
.s29-submenu button:hover { background:rgba(100,160,255,.28); }
.s29-submenu-float button { white-space:normal; padding:12px 14px; font-size:16px; }
.s29-user { margin-left:auto; flex:0 0 auto; }
.s29-tema { flex:0 0 auto; opacity:.85; }
.s29-menubar-lang { display:flex; align-items:center; gap:4px; flex:0 0 auto; margin-left:8px; }
.s29-lang-select {
  height:26px; max-width:148px; padding:0 6px; border-radius:4px;
  border:1px solid var(--s29-menubar-border); background:rgba(8,28,58,.85); color:#e8f2ff;
  font:12px "Segoe UI",sans-serif;
}
.s29-uvec-lab { font-size:12px; opacity:.9; }
.s29-uvec-btn {
  width:22px; height:22px; padding:0; border-radius:4px; cursor:pointer; font-weight:700;
  border:1px solid var(--s29-btn-border); background:linear-gradient(180deg,var(--s29-btn-top),var(--s29-btn-bot)); color:#fff;
}
.s29-login-tools { display:flex; align-items:center; gap:6px; margin:0 0 12px; flex-wrap:nowrap; }
.s29-login-tools .s29-lang-select { background:#c5dff8; color:#0a1628; border-color:#7eb0d8; max-width:160px; }
.s29-login-tools .s29-uvec-btn { color:#0a1628; background:#c5dff8; border-color:#7eb0d8; }
.s29-main { flex:1; min-height:0; min-width:0; overflow:hidden; display:flex; flex-direction:column; }
.s29-statusbar { flex:0 0 26px; height:26px; padding:4px 10px; background:var(--s29-status-bg); border-top:1px solid var(--s29-menubar-border); }
.login {
  min-height:100vh; display:flex; align-items:center; justify-content:center;
  background:#061018 url("/img/hilandar.jpg") center/cover fixed;
}
.login-card {
  width:520px; max-width:92vw; padding:22px 22px 18px; border-radius:10px;
  background:rgba(10,22,48,.72); border:1px solid rgba(140,200,230,.55); color:#e8f4ff;
  box-shadow:0 12px 40px rgba(0,0,0,.45);
}
.login-card h1 { margin:0 0 4px; font-size:28px; }
.danas-mol {
  margin:8px 0 16px; min-height:2.6em; color:#fff; font-size:26px; font-weight:600;
  line-height:1.4; text-shadow:0 1px 8px rgba(0,0,0,.55);
}
.danas-mol span { opacity:0; }
.danas-mol span.on { opacity:1; transition:opacity .4s linear; }
#loginPolja { display:none; }
.login-card p { margin:0 0 14px; opacity:.85; }
.login-card label { display:block; margin-bottom:4px; }
.login-card input {
  width:100%; box-sizing:border-box; height:34px; margin-bottom:12px; padding:4px 8px;
  border:1px solid #7eb0d8; background:#c5dff8; color:#0a1628; border-radius:4px; font-size:16px;
}
.bib-ok { background:#1f6b3a; color:#fff; border:1px solid rgba(180,255,200,.45); min-width:100px; height:36px; padding:0 18px; border-radius:4px; font-weight:700; cursor:pointer; }
.bib-izlaz { min-width:100px; height:36px; padding:0 18px; border-radius:4px; font-weight:700; background:#8a1f2a; color:#fff; border:1px solid rgba(255,200,200,.5); cursor:pointer; }
button.act { background:linear-gradient(180deg,var(--s29-btn-top),var(--s29-btn-bot)); color:var(--s29-btn-fg); border:1px solid var(--s29-btn-border); height:36px; padding:0 14px; border-radius:4px; cursor:pointer; font-weight:700; }
button.danger { background:#8a1f2a; color:#fff; border:1px solid rgba(255,200,200,.5); height:36px; padding:0 14px; border-radius:4px; cursor:pointer; font-weight:700; }
.bib-err { padding:8px 10px; margin:8px 0 0; border:1px solid #c66; background:rgba(80,20,20,.85); }
.bib-msg { padding:8px 10px; margin:0 0 8px; border:1px solid rgba(140,255,180,.4); background:rgba(20,70,40,.75); }
.crk-screen { display:flex; flex-direction:column; height:calc(100vh - 64px); min-height:0; min-width:0; }
.crk-bar { display:flex; gap:8px; align-items:center; padding:8px 10px 0; flex:0 0 auto; flex-wrap:nowrap; }
.q-x { position:relative; display:inline-flex; align-items:center; flex:0 0 auto; }
.q-x input { padding-right:22px !important; }
.q-x-btn {
  position:absolute; right:1px; top:1px; bottom:1px; width:20px; margin:0; padding:0;
  border:0; background:transparent; color:#fff; font-size:16px; font-weight:700; line-height:1;
  cursor:pointer; border-radius:3px;
}
.q-x-btn:hover { background:rgba(255,255,255,.16); }
.crk-bar input, .crk-bar select, .bib-form input, .bib-form textarea, .bib-form select {
  height:28px; padding:2px 8px; border:1px solid var(--s29-mask-field-border); background:var(--s29-mask-field); color:var(--s29-mask-field-fg);
  border-radius:4px; box-sizing:border-box; min-width:0; max-width:100%; font:13px "Segoe UI",sans-serif;
}
.crk-bar select, .bib-form select { background:var(--s29-combo-closed); color:var(--s29-combo-fg); border-color:var(--s29-combo-closed-border); font-weight:700; }
.crk-body { flex:1; min-height:0; min-width:0; display:flex; gap:8px; padding:8px; overflow:hidden; }
.crk-left, .crk-right { min-width:0; overflow:auto; background:var(--s29-panel); border:1px solid var(--s29-border); border-radius:6px; }
.crk-left { flex:1.25; }
.crk-right { flex:.85; display:flex; flex-direction:column; gap:8px; padding:8px; }
.crk-sub { min-height:0; overflow:auto; flex:1; }
.crk-sub h3 { margin:0 0 6px; font-size:13px; }
.bib-grid { width:100%; border-collapse:collapse; font-size:13px; }
.bib-grid th { text-align:left; padding:6px 8px; background:var(--s29-menubar-bot); border-bottom:1px solid var(--s29-border); white-space:nowrap; cursor:pointer; position:sticky; top:0; }
.bib-grid td { padding:5px 8px; border-bottom:1px solid var(--s29-list-border); color:var(--s29-list-text); max-width:220px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.bib-grid tr:nth-child(even) td { background:var(--s29-list-alt); }
.bib-grid tr:hover td { background:var(--s29-list-hover); }
.bib-grid tr.on td { background:var(--s29-list-sel)!important; color:var(--s29-list-sel-fg)!important; font-weight:600; }
.bib-grid tr { cursor:pointer; }
.crk-foot {
  flex:0 0 auto; display:flex; gap:10px; justify-content:center; align-items:center;
  padding:8px; border-top:1px solid var(--s29-menubar-border);
  background:linear-gradient(180deg,var(--s29-menubar-top),var(--s29-menubar-bot));
}
.bib-form { background:var(--s29-mask-bg); border:1px solid var(--s29-mask-border); border-radius:6px; padding:10px 12px 8px; overflow:auto; min-width:0; }
.bib-form-osn { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); gap:10px; min-width:0; }
.bib-col { min-width:0; display:flex; flex-direction:column; gap:2px; padding:8px; border-radius:6px; background:rgba(255,255,255,.04); }
.bib-row { display:grid; grid-template-columns:minmax(72px,120px) minmax(0,1fr); gap:8px; align-items:center; margin:3px 0; min-width:0; }
.bib-row span { color:var(--s29-mask-label); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.bib-form textarea { height:auto; min-height:72px; resize:vertical; }
.bib-spin { display:grid; grid-template-columns:minmax(0,1fr) 22px; min-width:0; }
.bib-spin input { border-top-right-radius:0; border-bottom-right-radius:0; }
.bib-spin-col { display:flex; flex-direction:column; }
.bib-spin-col button { flex:1; height:14px; padding:0; border:1px solid var(--s29-combo-closed-border); background:var(--s29-combo-closed); color:var(--s29-combo-fg); cursor:pointer; font-size:9px; }
.drop-naziv.drag { outline:2px dashed #8cf; }
.crk-world { position:relative; flex:1; min-height:0; display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:8px; padding:8px; }
.crk-stage { position:relative; min-height:420px; height:100%; perspective:1100px; overflow:hidden; border:1px solid var(--s29-border); border-radius:6px; background:radial-gradient(ellipse at center, #5a3824 0%, #140e0a 72%); cursor:grab; touch-action:none; }
.crk-stage.drag { cursor:grabbing; }
.crk-ring { position:absolute; left:50%; top:46%; width:0; height:0; transform-style:preserve-3d; transition:transform .45s ease; }
.crk-stage.drag .crk-ring { transition:none; }
.crk-slide { position:absolute; width:280px; height:188px; margin:-94px 0 0 -140px; border:3px solid #c6a15a; background:#1a120c center/cover no-repeat; box-shadow:0 16px 28px rgba(0,0,0,.5); cursor:pointer; padding:0; }
.crk-slide span { position:absolute; left:0; right:0; bottom:0; padding:4px 6px; background:rgba(0,0,0,.58); color:#fff6d8; font:12px "Segoe UI",sans-serif; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.crk-slide.film { display:flex; align-items:center; justify-content:center; color:#fff6d8; font-weight:700; background:radial-gradient(circle at 50% 40%, #8d1d1d, #2a160f 70%); }
.crk-zoom-dim { position:fixed; inset:0; background:rgba(0,0,0,.55); z-index:70; display:none; }
.crk-zoom-dim.on { display:block; }
.crk-zoom { position:fixed; z-index:71; display:none; background:#1a120c center/cover no-repeat; border:3px solid #c6a15a; box-shadow:0 24px 60px rgba(0,0,0,.6); pointer-events:none; }
.crk-zoom.on { display:block; }
#map { width:100%; height:100%; background:#1a120c; border:1px solid var(--s29-border); border-radius:6px; display:block; }
.crk-card { background:var(--s29-panel); border:1px solid var(--s29-border); border-radius:6px; padding:10px; overflow:auto; }
.crk-card h2 { margin:0 0 6px; font-size:16px; }
.ikona-okvir { border:8px solid #c6a15a; background:radial-gradient(circle at 50% 40%, #f3e2b0, #8d1d1d 70%); min-height:120px; display:flex; align-items:center; justify-content:center; text-align:center; color:#fff8e0; font-weight:700; padding:10px; margin-bottom:8px; }
.ist-slika { width:132px; height:92px; object-fit:cover; display:block; border:1px solid var(--s29-border); background:#1a120c; cursor:pointer; }
.ist-grid td { white-space:normal; vertical-align:top; max-width:240px; }
.ist-url { display:inline-block; max-width:200px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#9fd0ff; cursor:pointer; text-decoration:underline; }
.bib-grid tr.kal-crv td { color:#c40000 !important; font-weight:700; }
.bib-grid tr.kal-crv.on td { color:var(--s29-list-sel-fg) !important; }
.bib-grid td.kal-naz { max-width:none; white-space:normal; }
.sort-st { cursor:pointer; padding:0 2px; color:#9cf; font-weight:700; }
.sort-st.on { color:#ffe08a; }
.ist-mini { display:flex; gap:6px; overflow:auto; padding-bottom:4px; }
.ist-mini img { width:96px; height:72px; object-fit:cover; border:1px solid var(--s29-border); cursor:pointer; }
#stampa { display:none; }
@media print {
  .s29-menubar, .s29-statusbar, .crk-foot, .crk-bar, .login, .no-print { display:none !important; }
  .crk-screen, .crk-body, .crk-left { height:auto; overflow:visible; display:block; }
  body { background:#fff; color:#000; }
  .bib-grid td, .bib-grid th { color:#000; max-width:none; }
  body.stampa-slog .s29-app, body.stampa-slog .login { display:none !important; }
  body.stampa-slog #stampa { display:block !important; color:#000; background:#fff; padding:12px; font-family:"Segoe UI",sans-serif; }
  #stampa h1 { font-size:22px; margin:0 0 8px; }
  #stampa h2 { font-size:15px; margin:12px 0 4px; }
  #stampa p { margin:2px 0; }
  #stampa .fotke { display:flex; flex-wrap:wrap; gap:8px; }
  #stampa .fotke figure { margin:0; width:150px; }
  #stampa .fotke img { width:150px; height:110px; object-fit:cover; }
  #stampa figcaption { font-size:11px; }
}
@media (hover: none), (pointer: coarse) {
  .s29-menu-item:hover .s29-submenu { display:none; }
  .s29-menu-item.open .s29-submenu { display:block; }
  button, .bib-grid tr, .s29-menu-item { touch-action:manipulation; }
}
@media (max-width: 1100px) {
  .crk-screen { height:calc(100dvh - 64px); }
  .crk-body { flex-direction:column; overflow:auto; }
  .crk-left { flex:0 0 auto; max-height:48dvh; }
  .crk-right { flex:1 1 auto; min-height:240px; }
  .crk-world { grid-template-columns:minmax(0,1fr); }
  .crk-stage { min-height:0; height:46dvh; }
  .bib-form-osn { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
  .s29-menubar { overflow-x:auto; overflow-y:hidden; }
  .s29-menu-item .s29-submenu { display:none !important; }
  .s29-tema { display:none; }
}
@media (max-width: 720px) {
  .s29-user, .s29-uvec-lab { display:none; }
  .s29-brand { font-size:13px; }
  .s29-menu-item { padding:8px 8px; }
  .s29-lang-select { max-width:108px; }
  .danas-mol { font-size:20px; }
  .login-card { padding:16px 14px 12px; }
  .login-card h1 { font-size:24px; }
  .s29-login-tools { flex-wrap:wrap; }
  .crk-bar { flex-wrap:wrap; }
  .crk-bar > span { flex:1 1 100%; white-space:normal; }
  .q-x { flex:1 1 100%; }
  .q-x input, .crk-bar select { width:100% !important; max-width:100% !important; font-size:16px; }
  .bib-form input, .bib-form textarea, .bib-form select, .login-card input { font-size:16px; }
  .bib-form-osn { grid-template-columns:minmax(0,1fr); }
  .bib-row { grid-template-columns:84px minmax(0,1fr); }
  .crk-foot { flex-wrap:wrap; gap:6px; padding:6px; }
  .crk-foot .bib-ok, .crk-foot .bib-izlaz, .crk-foot button.danger, .crk-foot button.act {
    min-width:0; flex:1 1 30%; height:42px; padding:0 6px;
  }
  .crk-stage { height:38dvh; }
  .ist-slika { width:100%; max-width:180px; height:auto; aspect-ratio:3/2; }
  .ist-url { max-width:100%; }
}