fix: clarify signature reporting status

src/styles/components.css

@@ -664,6 +664,36 @@
   color: var(--color-text-inverse);
 }
 
+.ui-select__search {
+  align-items: center;
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-sm);
+  display: flex;
+  gap: var(--space-2);
+  margin: var(--space-1);
+  min-height: 36px;
+  padding: 0 var(--space-3);
+}
+
+.ui-select__search:focus-within {
+  border-color: var(--color-selected);
+}
+
+.ui-select__search input {
+  background: transparent;
+  border: 0;
+  color: var(--color-text);
+  min-width: 0;
+  outline: 0;
+  width: 100%;
+}
+
+.ui-select__empty {
+  color: var(--color-text-muted);
+  padding: var(--space-3);
+  text-align: center;
+}
+
 .ui-tag {
   align-items: center;
   border-radius: var(--radius-full);

src/styles/global.css

@@ -3648,7 +3648,8 @@ h3 {
 .template-card-grid {
   display: grid;
   gap: var(--space-5);
-  grid-template-columns: repeat(3, minmax(280px, 1fr));
+  grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
+  min-width: 0;
 }
 
 .template-card {
@@ -3658,6 +3659,7 @@ h3 {
   display: grid;
   gap: var(--space-4);
   min-height: 300px;
+  min-width: 0;
   overflow: hidden;
   padding: var(--space-6);
   position: relative;
@@ -3726,6 +3728,8 @@ h3 {
   align-items: center;
   border-top: 1px solid var(--color-border);
   display: flex;
+  flex-wrap: wrap;
+  gap: var(--space-3);
   justify-content: space-between;
   margin-top: auto;
   padding-top: var(--space-4);
@@ -3737,6 +3741,7 @@ h3 {
 
 .template-card-footer div {
   display: flex;
+  flex-wrap: wrap;
   gap: var(--space-3);
 }