fix: SVG icon for report header, details-grid 2col on mobile

index-v4.html

@@ -1932,11 +1932,17 @@
       .report-call { flex-direction: column; align-items: flex-start; }
       .report-call-tags { flex-direction: column; width: 100%; margin-top: 0.5rem; }
       .report-tag { display: flex; align-items: center; gap: 0.375rem; font-size: 0.75rem; padding: 0.375rem 0.75rem; }
+      /* Details mobile */
+      .details-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 0.75rem; }
+      .detail-card { padding: 0.875rem 1rem; }
+      .detail-label { font-size: 0.625rem; }
+      .detail-value { font-size: 0.8125rem; word-break: break-word; }
     }
     
     @media (max-width: 480px) {
       .numbers-grid { grid-template-columns: 1fr; }
       .footer-grid { grid-template-columns: 1fr; }
+      .details-grid { grid-template-columns: 1fr !important; }
     }
   </style>
 </head>
@@ -2124,7 +2130,10 @@
         
         <div class="report-preview">
           <div class="report-header">
-            <h3>📊 Отчёт по звонкам</h3>
+            <h3>
+              <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="vertical-align:middle;margin-right:0.5rem;flex-shrink:0"><rect x="3" y="12" width="4" height="9" rx="1" fill="currentColor" opacity="0.3"/><rect x="10" y="7" width="4" height="14" rx="1" fill="currentColor" opacity="0.5"/><rect x="17" y="3" width="4" height="18" rx="1" fill="currentColor" opacity="0.7"/></svg>
+              Отчёт по звонкам
+            </h3>
             <div class="report-tabs">
               <button class="report-tab active" data-tab="overview">Обзор</button>
               <button class="report-tab" data-tab="details">Детали</button>