UI changes, attachment page redesign

src/styles/layout.css

@@ -45,7 +45,7 @@
 .panel, .card { background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); overflow: scroll; }
 .card-header { min-height: 56px; padding: 0 24px; border-bottom: 1px solid var(--line); display: flex; align-items: center; background: var(--panel-header); border-top-left-radius: var(--radius); border-top-right-radius: var(--radius); }
 .card-header h2 { margin: 0; font-size: 16px; color: var(--text-strong); }
-.card-actions { margin-left: auto; }
+.card-actions { margin-left: auto; display: flex; gap: 10px; flex-wrap: wrap;}
 .card-body { padding: 22px 24px; }
 .metric-grid { display: grid; grid-template-columns: repeat(4, minmax(140px, 1fr)); gap: 12px; margin-bottom: 18px; }
 .metric-grid.inside { margin: 14px 0; }