From 936112dd764776afdf681d9071364f188533ba09 Mon Sep 17 00:00:00 2001
From: Nika Siradze <nikushasiradzee@gmail.com>
Date: Wed, 1 Jul 2026 10:25:53 +0400
Subject: [PATCH] Visual consistency: unify card styles + responsive card grids
 + section rhythm

- ai-cards grid is now responsive (auto-fit) instead of a fixed 4 columns.
- Topic Hubs cards match the dashboard card tokens (24px tabular-nums value,
  same border/radius/padding, muted label) so the two card systems look identical.
- Consistent 16px spacing below every postbox for uniform section rhythm.
---
 assets/css/admin.css | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

diff --git a/assets/css/admin.css b/assets/css/admin.css
index 4abc8ff..756e342 100644
--- a/assets/css/admin.css
+++ b/assets/css/admin.css
@@ -46,11 +46,15 @@
 
 .aggregate-it .ai-cards {
 	display: grid;
-	grid-template-columns: repeat( 4, 1fr );
+	grid-template-columns: repeat( auto-fit, minmax( 180px, 1fr ) );
 	gap: 12px;
 	margin: 0 0 16px;
 }
 
+.aggregate-it .postbox {
+	margin-bottom: 16px;
+}
+
 .aggregate-it .postbox > .hndle {
 	margin: 0;
 	padding: 12px 16px;
@@ -329,25 +333,26 @@
 
 .aggregate-it .ai-hub-cards {
 	display: grid;
-	grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
+	grid-template-columns: repeat( auto-fit, minmax( 180px, 1fr ) );
 	gap: 12px;
 	margin: 16px 0;
 }
 
 .aggregate-it .ai-hub-card {
 	background: #fff;
-	border: 1px solid #dcdcde;
-	border-radius: 6px;
-	padding: 16px 18px;
+	border: 1px solid #c3c4c7;
+	border-radius: 4px;
+	padding: 12px 16px;
 	display: flex;
 	flex-direction: column;
 	gap: 4px;
 }
 
 .aggregate-it .ai-hub-num {
-	font-size: 28px;
+	font-size: 24px;
+	line-height: 1.3;
 	font-weight: 600;
-	line-height: 1.1;
+	font-variant-numeric: tabular-nums;
 }
 
 .aggregate-it .ai-hub-label {