feat(web): prioritize SMS operations workspace

apps/web/src/styles.css

@@ -315,6 +315,42 @@ small {
   padding: 0.35rem 0;
   border-bottom: 1px dashed var(--border);
 }
+.fleet-card-sms {
+  margin: 0.8rem 0;
+  padding: 0.75rem;
+  border: 1px solid #d8e8d4;
+  border-radius: 14px;
+  background: #f5faf1;
+}
+.fleet-card-sms h3 {
+  margin: 0 0 0.55rem;
+  color: var(--brown);
+  font-size: 0.82rem;
+}
+.fleet-card-sms dl {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 0.35rem 0.75rem;
+  margin: 0;
+}
+.fleet-card-sms dl div {
+  min-width: 0;
+}
+.fleet-card-sms dt {
+  color: var(--muted);
+  font-size: 0.72rem;
+}
+.fleet-card-sms dd {
+  margin: 0.1rem 0 0;
+  text-align: left;
+}
+.fleet-card-sms dl div:nth-child(3) {
+  grid-column: 1 / -1;
+}
+.fleet-card-sms-empty {
+  margin: 0;
+  color: var(--muted);
+}
 .capability-tags {
   display: flex;
   flex-wrap: wrap;
@@ -586,6 +622,12 @@ dd {
 .instance-module-detail {
   min-width: 0;
 }
+.messages-module {
+  display: grid;
+  grid-template-columns: minmax(16rem, 0.85fr) minmax(22rem, 1.4fr);
+  align-items: start;
+  gap: 0.8rem;
+}
 .messages-module,
 .messages-card,
 .sms-list,
@@ -594,12 +636,33 @@ dd {
   max-width: 100%;
   overflow-wrap: anywhere;
 }
+.messages-card h2 {
+  margin-top: 0;
+}
 .messages-card form,
 .messages-card label {
   display: grid;
   min-width: 0;
   gap: 0.5rem;
 }
+.messages-card form {
+  gap: 0.75rem;
+}
+.messages-card textarea {
+  min-height: 8rem;
+  resize: vertical;
+}
+.send-confirmation {
+  margin-top: 0.8rem;
+  padding: 0.8rem;
+  border: 1px solid #dca66d;
+  border-radius: 14px;
+  background: #fff5dc;
+}
+.send-confirmation h3,
+.send-confirmation p {
+  margin-top: 0;
+}
 .messages-card input,
 .messages-card textarea {
   box-sizing: border-box;
@@ -704,6 +767,9 @@ main ul[aria-label='已配置实例'] {
   .instance-context {
     margin-bottom: 1rem;
   }
+  .messages-module {
+    grid-template-columns: minmax(0, 1fr);
+  }
   .instance-context ul {
     display: grid;
     grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -797,6 +863,12 @@ main ul[aria-label='已配置实例'] {
   .fleet-card {
     padding: 0.8rem;
   }
+  .fleet-card-sms dl {
+    grid-template-columns: minmax(0, 1fr);
+  }
+  .fleet-card-sms dl div:nth-child(3) {
+    grid-column: auto;
+  }
 }
 @media (prefers-reduced-motion: reduce) {
   *,