Show contract renewal in businesses and align SSL/view charts.

Add annual renewal column with color-coded days left, owner title and renewal fields on create, SSL expiry display, and updated view chart kinds.

Co-authored-by: Cursor <cursoragent@cursor.com>

apps/super-admin/src/pages/BusinessesPage.module.css

@@ -557,6 +557,37 @@
   gap: 2px;
 }
 
+.renewalCell {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+
+.renewalYear {
+  font-size: 13px;
+  font-weight: 600;
+  color: var(--text-primary);
+  line-height: 1.3;
+}
+
+.renewalDays {
+  font-size: 11px;
+  font-weight: 600;
+  line-height: 1.3;
+}
+
+.renewalOk {
+  color: #15803d;
+}
+
+.renewalWarn {
+  color: #94a3b8;
+}
+
+.renewalDanger {
+  color: #dc2626;
+}
+
 .ownerName {
   font-size: 13px;
   font-weight: 600;
@@ -696,10 +727,26 @@
 
 .formGrid {
   display: grid;
-  grid-template-columns: repeat(2, 1fr);
+  grid-template-columns: repeat(12, minmax(0, 1fr));
   gap: 12px;
 }
 
+.formGrid > .field {
+  grid-column: span 6;
+}
+
+.formCol2 {
+  grid-column: span 2 !important;
+}
+
+.formCol4 {
+  grid-column: span 4 !important;
+}
+
+.formCol8 {
+  grid-column: span 8 !important;
+}
+
 .sectionLabel {
   font-size: 12px;
   font-weight: 700;
@@ -818,6 +865,13 @@
     grid-template-columns: 1fr;
   }
 
+  .formGrid > .field,
+  .formCol2,
+  .formCol4,
+  .formCol8 {
+    grid-column: 1 / -1 !important;
+  }
+
   .fab {
     right: 16px;
     bottom: 16px;