feat: implement share account actions, view components, and pending checker tasks

src/app/shares/shares-account-view/share-certificate-dialog/share-certificate-dialog.component.scss

@@ -206,6 +206,13 @@
 }
 
 /* Certificate Data Table */
+
+/* The details grid and the allotment schedule read as one block, so the gap that used to sit under
+   the details table now sits under whichever table comes last. */
+.certificate-details-table:not(:last-of-type) {
+  margin-bottom: 0;
+}
+
 .certificate-details-table {
   width: 100%;
   border-collapse: collapse;
@@ -250,6 +257,47 @@
   }
 }
 
+/* The allotment schedule — one row per block of shares allotted, in the same paper-and-ink palette
+   as the details grid so it reads as part of the certificate rather than a report pasted into it. */
+.allotment-table {
+  position: relative;
+  z-index: 2; /* Above the watermark, like the other certificate content. */
+  width: 100%;
+  border-collapse: collapse;
+  margin-bottom: 40px;
+
+  th {
+    padding: 8px 12px;
+    border: 1px solid #ede8db;
+    background-color: #f7f5ee;
+    font-size: 11px;
+    font-weight: bold;
+    color: #7b6f63;
+    text-transform: uppercase;
+    letter-spacing: 0.6px;
+  }
+
+  td {
+    padding: 9px 12px;
+    border: 1px solid #ede8db;
+    font-size: 13px;
+    color: #322f2b;
+  }
+
+  .allotment-meeting {
+    color: #7b6f63;
+    font-size: 12px;
+  }
+
+  .ta-left {
+    text-align: left;
+  }
+
+  .ta-right {
+    text-align: right;
+  }
+}
+
 /* Certificate Footer Seal / Signatures */
 .cert-footer {
   display: flex;