refactor(css): layout utili .kolona i .red-izmedju

Nove utility klase: .kolona (display:flex;flex-direction:column) i .red-izmedju
(display:flex;justify-content:space-between) — struktura bez razmaka. Izdvojena
strukturna flex deklaracija iz 50 elemenata (32 kolona + 18 red-izmedju); gap/
margin ostaju kao kontekstualni override po instanci.

Visoko varirani page-header redovi (sa border-bottom/flex-wrap) ostavljeni —
jednokratni. Bez promene izgleda; šabloni parsiraju.

web/templates/stranice/nabavka_forma.html

@@ -36,7 +36,7 @@
             <div style="margin-bottom:16px;padding-bottom:14px;border-bottom:0.5px solid var(--ivica);">
                 <span style="font-size:16px;font-weight:500;color:var(--tekst-glavni);">Nova nabavka</span>
             </div>
-            <div style="display:flex;flex-direction:column;gap:14px;">
+            <div class="kolona" style="gap:14px;">
                 <div>
                     <label class="polje-labela">Dobavljač</label>
                     <select name="dobavljac_id" style="width:100%;">
@@ -142,7 +142,7 @@
                                 Ukloni
                             </button>
                         </div>
-                        <div style="display:flex;flex-direction:column;gap:10px;">
+                        <div class="kolona" style="gap:10px;">
                             <div>
                                 <label style="font-size:12px;color:var(--tekst-sporedni);display:block;margin-bottom:4px;">Artikal</label>
                                 <select :name="'artikal_id[]'" x-model="stavka.artikal_id"
@@ -201,7 +201,7 @@
 
             <div x-show="modalGreska" class="poruka-greska greska-animacija" x-text="modalGreska"></div>
 
-            <div style="display:flex;flex-direction:column;gap:14px;">
+            <div class="kolona" style="gap:14px;">
                 <div>
                     <label class="polje-labela">
                         Naziv <span style="color:#dc2626;">*</span>