fix(front-end): css file duplicte

frontend/src/app/features/admin/pages/admin-dashboard.component.html

@@ -1,11 +1,18 @@
-<section class="admin-dashboard">
-  <header class="dashboard-header">
-    <div>
-      <h1>Ordini</h1>
-      <p>Seleziona un ordine a sinistra e gestiscilo nel dettaglio a destra.</p>
+<section class="admin-dashboard ui-section-card">
+  <header class="dashboard-header ui-section-header">
+    <div class="ui-section-header__copy">
+      <h1 class="ui-section-header__title">Ordini</h1>
+      <p class="ui-section-header__description">
+        Seleziona un ordine a sinistra e gestiscilo nel dettaglio a destra.
+      </p>
     </div>
     <div class="header-actions">
-      <button type="button" (click)="loadOrders()" [disabled]="loading">
+      <button
+        type="button"
+        class="ui-button"
+        (click)="loadOrders()"
+        [disabled]="loading"
+      >
         Aggiorna
       </button>
     </div>
@@ -13,13 +20,14 @@
 
   <p class="error" *ngIf="errorMessage">{{ errorMessage }}</p>
 
-  <div class="workspace" *ngIf="!loading; else loadingTpl">
+  <div class="workspace ui-split-workspace" *ngIf="!loading; else loadingTpl">
     <section class="list-panel">
       <h2>Lista ordini</h2>
       <div class="list-toolbar">
         <label class="toolbar-field" for="order-search">
           <span>Cerca UUID</span>
           <input
+            class="ui-form-control"
             id="order-search"
             type="search"
             [ngModel]="orderSearchTerm"
@@ -30,6 +38,7 @@
         <label class="toolbar-field" for="payment-status-filter">
           <span>Stato pagamento</span>
           <select
+            class="ui-form-control"
             id="payment-status-filter"
             [ngModel]="paymentStatusFilter"
             (ngModelChange)="onPaymentStatusFilterChange($event)"
@@ -45,6 +54,7 @@
         <label class="toolbar-field" for="order-status-filter">
           <span>Stato ordine</span>
           <select
+            class="ui-form-control"
             id="order-status-filter"
             [ngModel]="orderStatusFilter"
             (ngModelChange)="onOrderStatusFilterChange($event)"
@@ -58,8 +68,8 @@
           </select>
         </label>
       </div>
-      <div class="table-wrap">
-        <table>
+      <div class="table-wrap ui-table-wrap">
+        <table class="ui-data-table">
           <thead>
             <tr>
               <th>Ordine</th>
@@ -93,12 +103,13 @@
       </div>
     </section>
 
-    <section class="detail-panel" *ngIf="selectedOrder">
+    <section class="detail-panel ui-detail-panel" *ngIf="selectedOrder">
       <div class="detail-header">
         <h2>Dettaglio ordine {{ selectedOrder.orderNumber }}</h2>
         <p class="order-uuid">
           UUID:
           <code
+            class="ui-code-pill"
             [title]="selectedOrder.id"
             [appCopyOnClick]="selectedOrder.id"
             >{{ selectedOrder.id }}</code
@@ -107,18 +118,18 @@
         <p *ngIf="detailLoading">Caricamento dettaglio...</p>
       </div>
 
-      <div class="meta-grid">
-        <div>
+      <div class="meta-grid ui-meta-grid">
+        <div class="ui-meta-item">
           <strong>Cliente</strong><span>{{ selectedOrder.customerEmail }}</span>
         </div>
-        <div>
+        <div class="ui-meta-item">
           <strong>Stato pagamento</strong
           ><span>{{ selectedOrder.paymentStatus || "PENDING" }}</span>
         </div>
-        <div>
+        <div class="ui-meta-item">
           <strong>Stato ordine</strong><span>{{ selectedOrder.status }}</span>
         </div>
-        <div>
+        <div class="ui-meta-item">
           <strong>Totale</strong
           ><span>{{
             selectedOrder.totalChf | currency: "CHF" : "symbol" : "1.2-2"
@@ -130,6 +141,7 @@
         <div class="status-editor">
           <label for="order-status">Stato ordine</label>
           <select
+            class="ui-form-control"
             id="order-status"
             [value]="selectedStatus"
             (change)="onStatusChange($event)"
@@ -139,6 +151,7 @@
             </option>
           </select>
           <button
+            class="ui-button"
             type="button"
             (click)="updateStatus()"
             [disabled]="updatingStatus"
@@ -150,6 +163,7 @@
         <div class="status-editor">
           <label for="payment-method">Metodo pagamento</label>
           <select
+            class="ui-form-control"
             id="payment-method"
             [value]="selectedPaymentMethod"
             (change)="onPaymentMethodChange($event)"
@@ -162,6 +176,7 @@
             </option>
           </select>
           <button
+            class="ui-button"
             type="button"
             (click)="updatePaymentMethod()"
             [disabled]="confirmingPayment"
@@ -174,13 +189,25 @@
       </div>
 
       <div class="doc-actions">
-        <button type="button" class="ghost" (click)="downloadConfirmation()">
+        <button
+          type="button"
+          class="ui-button ui-button--ghost"
+          (click)="downloadConfirmation()"
+        >
           Scarica conferma + QR bill
         </button>
-        <button type="button" class="ghost" (click)="downloadInvoice()">
+        <button
+          type="button"
+          class="ui-button ui-button--ghost"
+          (click)="downloadInvoice()"
+        >
           Scarica fattura
         </button>
-        <button type="button" class="ghost" (click)="openPrintDetails()">
+        <button
+          type="button"
+          class="ui-button ui-button--ghost"
+          (click)="openPrintDetails()"
+        >
           Dettagli stampa
         </button>
       </div>
@@ -215,7 +242,7 @@
           </div>
           <button
             type="button"
-            class="ghost"
+            class="ui-button ui-button--ghost"
             (click)="downloadItemFile(item.id, item.originalFilename)"
           >
             Scarica file
@@ -224,7 +251,10 @@
       </div>
     </section>
 
-    <section class="detail-panel empty" *ngIf="!selectedOrder">
+    <section
+      class="detail-panel ui-detail-panel ui-detail-panel--empty"
+      *ngIf="!selectedOrder"
+    >
       <h2>Nessun ordine selezionato</h2>
       <p>Seleziona un ordine dalla lista per vedere i dettagli.</p>
     </section>
@@ -245,39 +275,39 @@
       <h3>Dettagli stampa ordine {{ selectedOrder.orderNumber }}</h3>
       <button
         type="button"
-        class="ghost close-btn"
+        class="ui-button ui-button--ghost close-btn"
         (click)="closePrintDetails()"
       >
         Chiudi
       </button>
     </header>
 
-    <div class="modal-grid">
-      <div>
+    <div class="modal-grid ui-meta-grid">
+      <div class="ui-meta-item">
         <strong>Qualità</strong
         ><span>{{ getQualityLabel(selectedOrder.printLayerHeightMm) }}</span>
       </div>
-      <div>
+      <div class="ui-meta-item">
         <strong>Materiale</strong
         ><span>{{ selectedOrder.printMaterialCode || "-" }}</span>
       </div>
-      <div>
+      <div class="ui-meta-item">
         <strong>Layer height</strong
         ><span>{{ selectedOrder.printLayerHeightMm || "-" }} mm</span>
       </div>
-      <div>
+      <div class="ui-meta-item">
         <strong>Nozzle</strong
         ><span>{{ selectedOrder.printNozzleDiameterMm || "-" }} mm</span>
       </div>
-      <div>
+      <div class="ui-meta-item">
         <strong>Infill pattern</strong
         ><span>{{ selectedOrder.printInfillPattern || "-" }}</span>
       </div>
-      <div>
+      <div class="ui-meta-item">
         <strong>Infill %</strong
         ><span>{{ selectedOrder.printInfillPercent ?? "-" }}</span>
       </div>
-      <div>
+      <div class="ui-meta-item">
         <strong>Supporti</strong
         ><span>{{ selectedOrder.printSupportsEnabled ? "Sì" : "No" }}</span>
       </div>