UI: улучшить превью и файлы вложений

shine-UI/styles/components.css

@@ -2301,34 +2301,42 @@ textarea.input {
 
 .message-attachment-file-card {
   align-items: center;
-  background: linear-gradient(135deg, rgba(240, 253, 250, 0.95), rgba(239, 246, 255, 0.95));
-  color: #0f172a;
+  background: linear-gradient(135deg, rgba(15, 23, 42, 0.94), rgba(30, 41, 59, 0.94));
+  border: 1px solid rgba(20, 184, 166, 0.28);
+  border-radius: 0.8rem;
+  color: #f8fafc;
+  cursor: pointer;
   display: grid;
-  gap: 0.7rem;
-  grid-template-columns: auto minmax(0, 1fr) auto;
-  padding: 1rem;
+  gap: 0.55rem;
+  grid-template-columns: auto minmax(0, 1fr);
+  min-height: 3.25rem;
+  padding: 0.55rem 0.7rem;
 }
 
 .message-attachment-file-ext {
   align-items: center;
-  background: #0f766e;
-  border-radius: 0.9rem;
+  background: rgba(20, 184, 166, 0.95);
+  border-radius: 999px;
   color: #fff;
   display: inline-flex;
-  font-size: 0.8rem;
+  font-size: 0.72rem;
   font-weight: 800;
-  height: 3rem;
+  height: 1.7rem;
   justify-content: center;
-  max-width: 4rem;
-  min-width: 3rem;
-  padding: 0 0.45rem;
+  min-width: 3.25rem;
+  padding: 0 0.55rem;
 }
 
 .message-attachment-file-main {
   display: grid;
+  gap: 0.08rem;
   min-width: 0;
 }
 
+.message-attachment-file-main .message-attachment-meta {
+  color: #cbd5e1;
+}
+
 .message-attachment-unavailable {
   align-items: center;
   background: linear-gradient(135deg, rgba(254, 242, 242, 0.96), rgba(255, 247, 237, 0.96));