From 25aed85ee6e117532cf390edd5dc2db28b49c1d7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Dalibor=20Markovi=C4=87?= <dalibor31@gmail.com>
Date: Sat, 13 Jun 2026 00:50:10 +0200
Subject: [PATCH] =?UTF-8?q?refactor(css):=20sporedni=20tekst=20na=20.pomoc?=
 =?UTF-8?q?ni-tekst=20klasu=2039=20inline=20elemenata=20(span/div)=20sa=20?=
 =?UTF-8?q?font-size:13px;color:var(--tekst-sporedni)=20(identi=C4=8Dno=20?=
 =?UTF-8?q?postoje=C4=87oj=20.pomocni-tekst)=20zamenjeno=20klasom;=20ukupn?=
 =?UTF-8?q?o=2040.=20Razdelnici=20(border-bottom:0.5px=20na=20<tr>)=20NISU?=
 =?UTF-8?q?=20dirani:=20me=C5=A1avina=20su=20thead=20redova=20(redundantni?=
 =?UTF-8?q?=20=E2=80=94=20.tabela=20ih=20daje)=20i=20tbody=20data=20redova?=
 =?UTF-8?q?=20(gde=20je=20ivica=20separator=20i=20POTREBNA),=20pa=20blanke?=
 =?UTF-8?q?t-promena=20nije=20bezbedna.=20Nagla=C5=A1eni=20naslovi=20(font?=
 =?UTF-8?q?-weight:500;=20color:glavni)=20imaju=20raznolik=20font-size=20(?=
 =?UTF-8?q?14/15/16/22px)=20=E2=80=94=20ne=20mapiraju=20se=20na=20jednu=20?=
 =?UTF-8?q?klasu,=20ostavljeni.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/templates/stranice/admin_korisnici.html    |  4 ++--
 web/templates/stranice/dobavljaci.html         |  8 ++++----
 web/templates/stranice/izvestaji.html          |  2 +-
 web/templates/stranice/klijenti.html           |  4 ++--
 web/templates/stranice/magacin.html            |  6 +++---
 web/templates/stranice/nabavka_detalji.html    |  4 ++--
 web/templates/stranice/podesavanja.html        | 14 +++++++-------
 web/templates/stranice/podesavanja_izgled.html | 10 +++++-----
 web/templates/stranice/podesavanja_opste.html  |  2 +-
 web/templates/stranice/podesavanja_sistem.html |  2 +-
 web/templates/stranice/prodaja_detalji.html    |  4 ++--
 web/templates/stranice/profil_tema.html        | 10 +++++-----
 web/templates/stranice/servis.html             |  2 +-
 web/templates/stranice/servis_detalji.html     |  2 +-
 14 files changed, 37 insertions(+), 37 deletions(-)

diff --git a/web/templates/stranice/admin_korisnici.html b/web/templates/stranice/admin_korisnici.html
index 9eb0600..48a9002 100644
--- a/web/templates/stranice/admin_korisnici.html
+++ b/web/templates/stranice/admin_korisnici.html
@@ -47,7 +47,7 @@
                         <td style="padding:10px 20px;font-size:14px;font-weight:500;color:var(--tekst-glavni);">{{.KorisnickoIme}}</td>
                         <td style="padding:10px 20px;">
                             {{if eq .Uloga "superadmin"}}
-                            <span style="font-size:13px;color:var(--tekst-sporedni);">Superadmin</span>
+                            <span class="pomocni-tekst">Superadmin</span>
                             {{else if eq $.KorisnikUloga "superadmin"}}
                             <form method="POST" action="/admin/korisnici/{{.ID}}/uloga" style="display:inline;">
                                 <select name="uloga" onchange="this.form.submit()"
@@ -57,7 +57,7 @@
                                 </select>
                             </form>
                             {{else}}
-                            <span style="font-size:13px;color:var(--tekst-sporedni);">
+                            <span class="pomocni-tekst">
                                 {{if eq .Uloga "admin"}}Admin{{else}}Radnik{{end}}
                             </span>
                             {{end}}
diff --git a/web/templates/stranice/dobavljaci.html b/web/templates/stranice/dobavljaci.html
index 46ff8f9..0df9323 100644
--- a/web/templates/stranice/dobavljaci.html
+++ b/web/templates/stranice/dobavljaci.html
@@ -122,22 +122,22 @@
             </div>
             <div style="display:flex;flex-direction:column;gap:6px;">
                 {{if .KontaktOsoba}}
-                <div style="font-size:13px;color:var(--tekst-sporedni);">
+                <div class="pomocni-tekst">
                     <span style="color:var(--tekst-glavni);font-weight:500;">Kontakt:</span> {{.KontaktOsoba}}
                 </div>
                 {{end}}
                 {{if .Telefon}}
-                <div style="font-size:13px;color:var(--tekst-sporedni);">
+                <div class="pomocni-tekst">
                     <span style="color:var(--tekst-glavni);font-weight:500;">Telefon:</span> {{.Telefon}}
                 </div>
                 {{end}}
                 {{if .Email}}
-                <div style="font-size:13px;color:var(--tekst-sporedni);">
+                <div class="pomocni-tekst">
                     <span style="color:var(--tekst-glavni);font-weight:500;">E-pošta:</span> {{.Email}}
                 </div>
                 {{end}}
                 {{if not .KontaktOsoba}}{{if not .Telefon}}{{if not .Email}}
-                <div style="font-size:13px;color:var(--tekst-sporedni);">Nema dodatnih kontakt podataka.</div>
+                <div class="pomocni-tekst">Nema dodatnih kontakt podataka.</div>
                 {{end}}{{end}}{{end}}
             </div>
         </div>
diff --git a/web/templates/stranice/izvestaji.html b/web/templates/stranice/izvestaji.html
index a19316b..cba72c6 100644
--- a/web/templates/stranice/izvestaji.html
+++ b/web/templates/stranice/izvestaji.html
@@ -33,7 +33,7 @@
         <div style="display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:4px;">
             <div class="izv-naslov" style="margin-bottom:0;">Mesečni prihod — poslednjih 12 meseci</div>
             <div class="toggle-red" style="margin-bottom:0;">
-                <span style="font-size:13px;color:var(--tekst-sporedni);">Grafikon</span>
+                <span class="pomocni-tekst">Grafikon</span>
                 <label class="toggle-switch">
                     <input type="checkbox" id="toggle-grafikon" checked>
                     <span class="toggle-slider"></span>
diff --git a/web/templates/stranice/klijenti.html b/web/templates/stranice/klijenti.html
index c240455..379b1bf 100644
--- a/web/templates/stranice/klijenti.html
+++ b/web/templates/stranice/klijenti.html
@@ -140,12 +140,12 @@
             </div>
             <div style="display:flex;flex-direction:column;gap:6px;">
                 {{if .Telefon}}
-                <div style="font-size:13px;color:var(--tekst-sporedni);">
+                <div class="pomocni-tekst">
                     <span style="color:var(--tekst-glavni);font-weight:500;">Telefon:</span> {{.Telefon}}
                 </div>
                 {{end}}
                 {{if .Email}}
-                <div style="font-size:13px;color:var(--tekst-sporedni);">
+                <div class="pomocni-tekst">
                     <span style="color:var(--tekst-glavni);font-weight:500;">E-pošta:</span> {{.Email}}
                 </div>
                 {{end}}
diff --git a/web/templates/stranice/magacin.html b/web/templates/stranice/magacin.html
index d0a08b3..f3732bd 100644
--- a/web/templates/stranice/magacin.html
+++ b/web/templates/stranice/magacin.html
@@ -157,15 +157,15 @@
                 </div>
             </div>
             <div style="display:flex;flex-wrap:wrap;gap:10px;">
-                <div style="font-size:13px;color:var(--tekst-sporedni);">
+                <div class="pomocni-tekst">
                     <span style="color:var(--tekst-glavni);font-weight:500;">Količina:</span>
                     <span style="font-weight:500;color:{{if .KriticnaZaliha}}#dc2626{{else}}#16a34a{{end}};">{{.Kolicina}}</span>
                 </div>
-                <div style="font-size:13px;color:var(--tekst-sporedni);">
+                <div class="pomocni-tekst">
                     <span style="color:var(--tekst-glavni);font-weight:500;">Cena:</span> {{printf "%.0f" .ProdajnaCena}} din
                 </div>
                 {{if .Lokacija}}
-                <div style="font-size:13px;color:var(--tekst-sporedni);">
+                <div class="pomocni-tekst">
                     <span style="color:var(--tekst-glavni);font-weight:500;">Lokacija:</span> {{.Lokacija}}
                 </div>
                 {{end}}
diff --git a/web/templates/stranice/nabavka_detalji.html b/web/templates/stranice/nabavka_detalji.html
index 7b233ec..84e1fa7 100644
--- a/web/templates/stranice/nabavka_detalji.html
+++ b/web/templates/stranice/nabavka_detalji.html
@@ -28,7 +28,7 @@
     <div class="kartica detalji-kartica animiraj">
         <div style="margin-bottom:16px;padding-bottom:14px;border-bottom:0.5px solid var(--ivica);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;">
             <span style="font-size:16px;font-weight:500;color:var(--tekst-glavni);">Detalji nabavke</span>
-            <span style="font-size:13px;color:var(--tekst-sporedni);">{{.Nabavka.Datum.Format "02.01.2006. u 15:04"}}</span>
+            <span class="pomocni-tekst">{{.Nabavka.Datum.Format "02.01.2006. u 15:04"}}</span>
         </div>
 
         <div style="display:grid;grid-template-columns:repeat(auto-fit, minmax(160px, 1fr));gap:16px;">
@@ -131,7 +131,7 @@
         <div style="display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;">
             <div style="flex:1;min-width:200px;">
                 <div style="font-size:14px;font-weight:500;color:#dc2626;margin-bottom:4px;">Brisanje nabavke</div>
-                <div style="font-size:13px;color:var(--tekst-sporedni);">
+                <div class="pomocni-tekst">
                     Brisanje je trajno i ne vraća količine artikala u magacin.
                 </div>
             </div>
diff --git a/web/templates/stranice/podesavanja.html b/web/templates/stranice/podesavanja.html
index ef6f066..a9c9178 100644
--- a/web/templates/stranice/podesavanja.html
+++ b/web/templates/stranice/podesavanja.html
@@ -54,7 +54,7 @@
                     style="padding:8px 16px;background:var(--sb-akcent);color:#fff;border:none;border-radius:8px;font-size:13px;cursor:pointer;white-space:nowrap;font-weight:500;">
                     Izaberi fajl
                 </label>
-                <span id="logo-ime" style="font-size:13px;color:var(--tekst-sporedni);">Nijedan fajl nije izabran</span>
+                <span id="logo-ime" class="pomocni-tekst">Nijedan fajl nije izabran</span>
                 <button type="submit"
                     style="padding:8px 16px;background:var(--sb-aktivan);color:var(--tekst-jak);border:0.5px solid var(--ivica);border-radius:8px;font-size:13px;cursor:pointer;white-space:nowrap;transition:opacity 0.2s;"
                     onmouseover="this.style.opacity='0.8'" onmouseout="this.style.opacity='1'">
@@ -175,7 +175,7 @@
                     style="padding:8px 16px;background:var(--sb-akcent);color:#fff;border:none;border-radius:8px;font-size:13px;cursor:pointer;white-space:nowrap;font-weight:500;">
                     Izaberi fajl
                 </label>
-                <span id="login-pozadina-ime" style="font-size:13px;color:var(--tekst-sporedni);">Nijedan fajl nije izabran</span>
+                <span id="login-pozadina-ime" class="pomocni-tekst">Nijedan fajl nije izabran</span>
                 <button type="submit"
                     style="padding:8px 16px;background:var(--sb-aktivan);color:var(--tekst-jak);border:0.5px solid var(--ivica);border-radius:8px;font-size:13px;cursor:pointer;white-space:nowrap;transition:opacity 0.2s;flex-shrink:0;"
                     onmouseover="this.style.opacity='0.8'" onmouseout="this.style.opacity='1'">
@@ -211,7 +211,7 @@
             <!-- slider: zamućenje pozadine -->
             <div style="margin-top:16px;">
                 <div style="display:flex;justify-content:space-between;margin-bottom:6px;">
-                    <span style="font-size:13px;color:var(--tekst-sporedni);">Zamućenje pozadine</span>
+                    <span class="pomocni-tekst">Zamućenje pozadine</span>
                     <span style="font-size:13px;color:var(--tekst-glavni);font-weight:500;" x-text="blurPozadine + 'px'"></span>
                 </div>
                 <input type="range" x-model.number="blurPozadine" min="0" max="20" step="1"
@@ -221,7 +221,7 @@
             <!-- slider: zamućenje kartice -->
             <div style="margin-top:12px;">
                 <div style="display:flex;justify-content:space-between;margin-bottom:6px;">
-                    <span style="font-size:13px;color:var(--tekst-sporedni);">Zamućenje kartice (glass)</span>
+                    <span class="pomocni-tekst">Zamućenje kartice (glass)</span>
                     <span style="font-size:13px;color:var(--tekst-glavni);font-weight:500;" x-text="blurKartice + 'px'"></span>
                 </div>
                 <input type="range" x-model.number="blurKartice" min="0" max="20" step="1"
@@ -231,7 +231,7 @@
             <!-- slider: zatamnjivanje pozadine -->
             <div style="margin-top:12px;">
                 <div style="display:flex;justify-content:space-between;margin-bottom:6px;">
-                    <span style="font-size:13px;color:var(--tekst-sporedni);">Zatamnjivanje pozadine</span>
+                    <span class="pomocni-tekst">Zatamnjivanje pozadine</span>
                     <span style="font-size:13px;color:var(--tekst-glavni);font-weight:500;" x-text="opacity + '%'"></span>
                 </div>
                 <input type="range" x-model.number="opacity" min="0" max="80" step="1"
@@ -241,7 +241,7 @@
             <!-- slider: zatamnjivanje kartice NTech -->
             <div style="margin-top:12px;">
                 <div style="display:flex;justify-content:space-between;margin-bottom:6px;">
-                    <span style="font-size:13px;color:var(--tekst-sporedni);">Zatamnjivanje kartice NTech</span>
+                    <span class="pomocni-tekst">Zatamnjivanje kartice NTech</span>
                     <span style="font-size:13px;color:var(--tekst-glavni);font-weight:500;" x-text="zatamnjenjeKartice + '%'"></span>
                 </div>
                 <input type="range" x-model.number="zatamnjenjeKartice" min="0" max="80" step="1"
@@ -275,7 +275,7 @@
             <span style="font-size:15px;font-weight:500;color:var(--tekst-glavni);">Sistem</span>
         </div>
         <div style="display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;">
-            <div style="font-size:13px;color:var(--tekst-sporedni);">Verzija programa: <span style="color:var(--tekst-glavni);font-weight:500;">{{.Verzija}}</span></div>
+            <div class="pomocni-tekst">Verzija programa: <span style="color:var(--tekst-glavni);font-weight:500;">{{.Verzija}}</span></div>
             <div style="display:flex;gap:8px;flex-wrap:wrap;">
                 <a href="/podesavanja/backup"
                     style="display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--kartica);border:0.5px solid var(--ivica);border-radius:8px;font-size:13px;color:var(--tekst-sporedni);text-decoration:none;transition:background 0.2s;"
diff --git a/web/templates/stranice/podesavanja_izgled.html b/web/templates/stranice/podesavanja_izgled.html
index b741578..cb69742 100644
--- a/web/templates/stranice/podesavanja_izgled.html
+++ b/web/templates/stranice/podesavanja_izgled.html
@@ -48,7 +48,7 @@
                     style="padding:8px 16px;background:var(--sb-akcent);color:#fff;border:none;border-radius:8px;font-size:13px;cursor:pointer;white-space:nowrap;flex-shrink:0;font-weight:500;">
                     Izaberi fajl
                 </label>
-                <span id="login-pozadina-ime" style="font-size:13px;color:var(--tekst-sporedni);">Nijedan fajl nije izabran</span>
+                <span id="login-pozadina-ime" class="pomocni-tekst">Nijedan fajl nije izabran</span>
                 <button type="submit"
                     style="padding:8px 16px;background:var(--sb-aktivan);color:var(--tekst-jak);border:0.5px solid var(--ivica);border-radius:8px;font-size:13px;cursor:pointer;white-space:nowrap;transition:opacity 0.2s;flex-shrink:0;"
                     onmouseover="this.style.opacity='0.8'" onmouseout="this.style.opacity='1'">
@@ -81,7 +81,7 @@
 
             <div style="margin-top:16px;">
                 <div style="display:flex;justify-content:space-between;margin-bottom:6px;">
-                    <span style="font-size:13px;color:var(--tekst-sporedni);">Zamućenje pozadine</span>
+                    <span class="pomocni-tekst">Zamućenje pozadine</span>
                     <span style="font-size:13px;color:var(--tekst-glavni);font-weight:500;" x-text="blurPozadine + 'px'"></span>
                 </div>
                 <input type="range" x-model.number="blurPozadine" min="0" max="20" step="1"
@@ -89,7 +89,7 @@
             </div>
             <div style="margin-top:12px;">
                 <div style="display:flex;justify-content:space-between;margin-bottom:6px;">
-                    <span style="font-size:13px;color:var(--tekst-sporedni);">Zamućenje kartice (glass)</span>
+                    <span class="pomocni-tekst">Zamućenje kartice (glass)</span>
                     <span style="font-size:13px;color:var(--tekst-glavni);font-weight:500;" x-text="blurKartice + 'px'"></span>
                 </div>
                 <input type="range" x-model.number="blurKartice" min="0" max="20" step="1"
@@ -97,7 +97,7 @@
             </div>
             <div style="margin-top:12px;">
                 <div style="display:flex;justify-content:space-between;margin-bottom:6px;">
-                    <span style="font-size:13px;color:var(--tekst-sporedni);">Zatamnjivanje pozadine</span>
+                    <span class="pomocni-tekst">Zatamnjivanje pozadine</span>
                     <span style="font-size:13px;color:var(--tekst-glavni);font-weight:500;" x-text="opacity + '%'"></span>
                 </div>
                 <input type="range" x-model.number="opacity" min="0" max="80" step="1"
@@ -105,7 +105,7 @@
             </div>
             <div style="margin-top:12px;">
                 <div style="display:flex;justify-content:space-between;margin-bottom:6px;">
-                    <span style="font-size:13px;color:var(--tekst-sporedni);">Zatamnjivanje kartice NTech</span>
+                    <span class="pomocni-tekst">Zatamnjivanje kartice NTech</span>
                     <span style="font-size:13px;color:var(--tekst-glavni);font-weight:500;" x-text="zatamnjenjeKartice + '%'"></span>
                 </div>
                 <input type="range" x-model.number="zatamnjenjeKartice" min="0" max="80" step="1"
diff --git a/web/templates/stranice/podesavanja_opste.html b/web/templates/stranice/podesavanja_opste.html
index a904790..b244149 100644
--- a/web/templates/stranice/podesavanja_opste.html
+++ b/web/templates/stranice/podesavanja_opste.html
@@ -44,7 +44,7 @@
                     style="padding:8px 16px;background:var(--sb-akcent);color:#fff;border:none;border-radius:8px;font-size:13px;cursor:pointer;white-space:nowrap;font-weight:500;">
                     Izaberi fajl
                 </label>
-                <span id="logo-ime" style="font-size:13px;color:var(--tekst-sporedni);">Nijedan fajl nije izabran</span>
+                <span id="logo-ime" class="pomocni-tekst">Nijedan fajl nije izabran</span>
                 <button type="submit"
                     style="padding:8px 16px;background:var(--sb-aktivan);color:var(--tekst-jak);border:0.5px solid var(--ivica);border-radius:8px;font-size:13px;cursor:pointer;white-space:nowrap;transition:opacity 0.2s;"
                     onmouseover="this.style.opacity='0.8'" onmouseout="this.style.opacity='1'">
diff --git a/web/templates/stranice/podesavanja_sistem.html b/web/templates/stranice/podesavanja_sistem.html
index d3b593e..ec7ab05 100644
--- a/web/templates/stranice/podesavanja_sistem.html
+++ b/web/templates/stranice/podesavanja_sistem.html
@@ -18,7 +18,7 @@
             <span style="font-size:15px;font-weight:500;color:var(--tekst-glavni);">Sistem</span>
         </div>
         <div style="display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;">
-            <div style="font-size:13px;color:var(--tekst-sporedni);">Verzija programa: <span style="color:var(--tekst-glavni);font-weight:500;">{{.Verzija}}</span></div>
+            <div class="pomocni-tekst">Verzija programa: <span style="color:var(--tekst-glavni);font-weight:500;">{{.Verzija}}</span></div>
             <div style="display:flex;gap:8px;flex-wrap:wrap;">
                 <a href="/podesavanja/backup"
                     style="display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--kartica);border:0.5px solid var(--ivica);border-radius:8px;font-size:13px;color:var(--tekst-sporedni);text-decoration:none;transition:background 0.2s;"
diff --git a/web/templates/stranice/prodaja_detalji.html b/web/templates/stranice/prodaja_detalji.html
index a51d0f5..f60adaf 100644
--- a/web/templates/stranice/prodaja_detalji.html
+++ b/web/templates/stranice/prodaja_detalji.html
@@ -232,7 +232,7 @@
       <div style="display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;">
         <div style="flex:1;min-width:200px;">
           <div style="font-size:14px;font-weight:500;color:#f97316;margin-bottom:4px;">Storniranje naloga</div>
-          <div style="font-size:13px;color:var(--tekst-sporedni);">
+          <div class="pomocni-tekst">
             Storno vraća sve artikle na stanje u magacinu. Nalog ostaje u evidenciji sa oznakom storniran.
           </div>
         </div>
@@ -251,7 +251,7 @@
       <div style="display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;padding-top:14px;border-top:0.5px solid var(--ivica);">
         <div style="flex:1;min-width:200px;">
           <div style="font-size:14px;font-weight:500;color:#dc2626;margin-bottom:4px;">Brisanje naloga</div>
-          <div style="font-size:13px;color:var(--tekst-sporedni);">
+          <div class="pomocni-tekst">
             Brisanje je trajno.{{if not .Nalog.Stornirano}} Količine artikala biće vraćene na stanje u magacinu.{{end}}
           </div>
         </div>
diff --git a/web/templates/stranice/profil_tema.html b/web/templates/stranice/profil_tema.html
index 72381ca..dc1c687 100644
--- a/web/templates/stranice/profil_tema.html
+++ b/web/templates/stranice/profil_tema.html
@@ -114,7 +114,7 @@
                     style="display:inline-flex;align-items:center;padding:8px 14px;background:var(--sb-akcent);color:#fff;border:none;border-radius:8px;font-size:13px;cursor:pointer;user-select:none;font-weight:500;">
                     Izaberi fajl
                 </label>
-                <span id="lok-bg-ime" style="font-size:13px;color:var(--tekst-sporedni);">Nijedan fajl nije izabran</span>
+                <span id="lok-bg-ime" class="pomocni-tekst">Nijedan fajl nije izabran</span>
                 <button type="submit"
                     style="padding:8px 16px;background:var(--sb-akcent);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;">
                     Otpremi sliku
@@ -154,7 +154,7 @@
 
             <div style="margin-top:16px;">
                 <div style="display:flex;justify-content:space-between;margin-bottom:6px;">
-                    <span style="font-size:13px;color:var(--tekst-sporedni);">Zamućenje pozadine</span>
+                    <span class="pomocni-tekst">Zamućenje pozadine</span>
                     <span style="font-size:13px;color:var(--tekst-glavni);font-weight:500;" x-text="blurPozadine + 'px'"></span>
                 </div>
                 <input type="range" x-model.number="blurPozadine" min="0" max="20" step="1"
@@ -162,7 +162,7 @@
             </div>
             <div style="margin-top:12px;">
                 <div style="display:flex;justify-content:space-between;margin-bottom:6px;">
-                    <span style="font-size:13px;color:var(--tekst-sporedni);">Zamućenje stakla</span>
+                    <span class="pomocni-tekst">Zamućenje stakla</span>
                     <span style="font-size:13px;color:var(--tekst-glavni);font-weight:500;" x-text="blur + 'px'"></span>
                 </div>
                 <input type="range" x-model.number="blur" min="0" max="20" step="1"
@@ -170,7 +170,7 @@
             </div>
             <div style="margin-top:12px;">
                 <div style="display:flex;justify-content:space-between;margin-bottom:6px;">
-                    <span style="font-size:13px;color:var(--tekst-sporedni);">Zatamnjivanje pozadine</span>
+                    <span class="pomocni-tekst">Zatamnjivanje pozadine</span>
                     <span style="font-size:13px;color:var(--tekst-glavni);font-weight:500;" x-text="opacity + '%'"></span>
                 </div>
                 <input type="range" x-model.number="opacity" min="0" max="80" step="1"
@@ -178,7 +178,7 @@
             </div>
             <div style="margin-top:12px;">
                 <div style="display:flex;justify-content:space-between;margin-bottom:6px;">
-                    <span style="font-size:13px;color:var(--tekst-sporedni);">Zatamnjivanje stakla</span>
+                    <span class="pomocni-tekst">Zatamnjivanje stakla</span>
                     <span style="font-size:13px;color:var(--tekst-glavni);font-weight:500;" x-text="glassOpacity + '%'"></span>
                 </div>
                 <input type="range" x-model.number="glassOpacity" min="0" max="80" step="1"
diff --git a/web/templates/stranice/servis.html b/web/templates/stranice/servis.html
index 74f2430..1bec3e6 100644
--- a/web/templates/stranice/servis.html
+++ b/web/templates/stranice/servis.html
@@ -152,7 +152,7 @@
             </div>
             <div style="display:flex;flex-direction:column;gap:6px;margin-bottom:10px;">
                 {{if .KlijentNaziv}}
-                <div style="font-size:13px;color:var(--tekst-sporedni);">
+                <div class="pomocni-tekst">
                     <span style="color:var(--tekst-glavni);font-weight:500;">Klijent:</span> {{.KlijentNaziv}}
                 </div>
                 {{end}}
diff --git a/web/templates/stranice/servis_detalji.html b/web/templates/stranice/servis_detalji.html
index a66f030..709b1be 100644
--- a/web/templates/stranice/servis_detalji.html
+++ b/web/templates/stranice/servis_detalji.html
@@ -243,7 +243,7 @@
         <div style="display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;">
             <div style="flex:1;min-width:200px;">
                 <div style="font-size:14px;font-weight:500;color:#dc2626;margin-bottom:4px;">Brisanje naloga</div>
-                <div style="font-size:13px;color:var(--tekst-sporedni);">
+                <div class="pomocni-tekst">
                     Brisanje je trajno. Nalog i svi vezani podaci biće trajno uklonjeni.
                 </div>
             </div>