feat(ui): mobile UI polish with segmented controls and responsive navbar

- Replace filter pills with btn-group segmented controls on mobile (all pages)
- Add renderMobileSegmented() shared utility with colored count badges
- Compact sync card and logs run selector on mobile
- Unified flat-row format: dot + date + name + count (0.875rem throughout)
- Responsive navbar with short labels on mobile (Acasa/Mapari/Lipsa/Jurnale)
- Vertical dots icon (bi-three-dots-vertical) without dropdown caret
- Shorter "Mapare" button text on mobile, Re-scan in context menu
- Top pagination on logs page, hide per-page selector on mobile
- Cache-bust static assets to v=5

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

api/app/templates/dashboard.html

@@ -11,7 +11,7 @@
   <div class="sync-card-controls">
     <span id="syncStatusDot" class="sync-status-dot idle"></span>
     <span id="syncStatusText" class="text-secondary">Inactiv</span>
-    <div class="d-flex align-items-center gap-2 ms-auto">
+    <div class="d-flex align-items-center gap-2">
       <label class="d-flex align-items-center gap-1 text-muted">
         Auto:
         <input type="checkbox" id="schedulerToggle" class="cursor-pointer" onchange="toggleScheduler()">
@@ -63,31 +63,19 @@
             <input type="date" id="periodEnd" class="select-compact">
           </div>
           <!-- Status pills -->
-          <button class="filter-pill active" data-status="all">Toate <span class="filter-count" id="cntAll">0</span></button>
-          <button class="filter-pill" data-status="IMPORTED">Importat <span class="filter-count" id="cntImp">0</span></button>
-          <button class="filter-pill" data-status="SKIPPED">Omise <span class="filter-count" id="cntSkip">0</span></button>
-          <button class="filter-pill" data-status="ERROR">Erori <span class="filter-count" id="cntErr">0</span></button>
-          <button class="filter-pill" data-status="UNINVOICED">Nefact. <span class="filter-count" id="cntNef">0</span></button>
+          <button class="filter-pill active d-none d-md-inline-flex" data-status="all">Toate <span class="filter-count fc-neutral" id="cntAll">0</span></button>
+          <button class="filter-pill d-none d-md-inline-flex" data-status="IMPORTED">Importat <span class="filter-count fc-green" id="cntImp">0</span></button>
+          <button class="filter-pill d-none d-md-inline-flex" data-status="SKIPPED">Omise <span class="filter-count fc-yellow" id="cntSkip">0</span></button>
+          <button class="filter-pill d-none d-md-inline-flex" data-status="ERROR">Erori <span class="filter-count fc-red" id="cntErr">0</span></button>
+          <button class="filter-pill d-none d-md-inline-flex" data-status="UNINVOICED">Nefact. <span class="filter-count fc-neutral" id="cntNef">0</span></button>
           <!-- Search (integrated, end of row) -->
           <input type="search" id="orderSearch" placeholder="Cauta..." class="search-input">
         </div>
+          <div class="d-md-none mb-2" id="dashMobileSeg"></div>
     </div>
-    <!-- Pagination top bar -->
-    <div class="card-body py-1 px-3 border-bottom d-flex justify-content-between align-items-center gap-2">
-        <small class="text-muted" id="dashPageInfoTop"></small>
-        <div class="d-flex align-items-center gap-2">
-            <label class="text-muted text-nowrap">Per pagina:
-                <select id="perPageSelect" class="select-compact ms-1" onchange="dashChangePerPage(this.value)">
-                    <option value="25">25</option>
-                    <option value="50" selected>50</option>
-                    <option value="100">100</option>
-                    <option value="250">250</option>
-                </select>
-            </label>
-            <div id="dashPaginationTop" class="d-flex align-items-center gap-2"></div>
-        </div>
-    </div>
+    <div id="dashPaginationTop" class="pag-strip"></div>
     <div class="card-body p-0">
+        <div id="dashMobileList" class="mobile-list"></div>
         <div class="table-responsive">
             <table class="table table-hover mb-0">
                 <thead>
@@ -108,10 +96,7 @@
             </table>
         </div>
     </div>
-    <div class="card-footer d-flex justify-content-between align-items-center">
-        <small class="text-muted" id="dashPageInfo"></small>
-        <div id="dashPagination" class="d-flex align-items-center gap-2"></div>
-    </div>
+    <div id="dashPagination" class="pag-strip pag-strip-bottom"></div>
 </div>
 
 <!-- Order Detail Modal -->
@@ -193,5 +178,5 @@
 {% endblock %}
 
 {% block scripts %}
-<script src="/static/js/dashboard.js"></script>
+<script src="/static/js/dashboard.js?v=5"></script>
 {% endblock %}