Corrige consistencia dos botoes

src/main/webapp/css/app.css

@@ -54,7 +54,7 @@ a {
 }
 
 button,
-input,
+input:not([type="checkbox"]):not([type="radio"]),
 select,
 textarea {
   font: inherit;
@@ -167,13 +167,13 @@ textarea::placeholder {
   color: #98a2b3;
 }
 
-input:hover,
+input:not([type="checkbox"]):not([type="radio"]):hover,
 select:hover,
 textarea:hover {
   border-color: var(--line-strong);
 }
 
-input:focus,
+input:not([type="checkbox"]):not([type="radio"]):focus,
 select:focus,
 textarea:focus {
   border-color: var(--brand);
@@ -181,6 +181,16 @@ textarea:focus {
   outline: 0;
 }
 
+input[type="checkbox"],
+input[type="radio"] {
+  width: auto;
+  min-height: 0;
+  margin: 0 7px 0 0;
+  accent-color: var(--brand);
+  vertical-align: middle;
+  user-select: auto;
+}
+
 textarea {
   min-height: 96px;
   resize: vertical;
@@ -188,6 +198,8 @@ textarea {
 
 .btn {
   min-height: 42px;
+  width: auto;
+  max-width: 100%;
   border: 0;
   border-radius: var(--radius);
   padding: 10px 15px;
@@ -342,8 +354,25 @@ h2 {
   gap: 16px;
 }
 
+.grid .field {
+  margin-bottom: 0;
+}
+
 .cols {
   grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+  align-items: end;
+}
+
+.grid > .btn,
+.grid.cols > .btn {
+  justify-self: start;
+  align-self: end;
+  min-width: 150px;
+  max-width: 260px;
+}
+
+.grid > .row {
+  align-self: end;
 }
 
 .panel {
@@ -362,6 +391,25 @@ h2 {
   flex-wrap: wrap;
 }
 
+.row .field {
+  flex: 1 1 240px;
+  min-width: min(240px, 100%);
+  margin-bottom: 0;
+}
+
+.row .btn {
+  flex: 0 0 auto;
+  align-self: end;
+}
+
+.row.compact .field,
+.modal-head .btn,
+.calendar-toolbar .btn,
+td .btn,
+.table-wrap .btn {
+  flex: 0 0 auto;
+}
+
 .table-wrap {
   overflow: auto;
   border: 1px solid var(--line);
@@ -384,6 +432,14 @@ td {
   vertical-align: middle;
 }
 
+td .btn,
+.table-wrap .btn {
+  min-height: 36px;
+  padding: 8px 12px;
+  box-shadow: none;
+  white-space: nowrap;
+}
+
 tbody tr:hover {
   background: #f8fbfc;
 }
@@ -925,16 +981,26 @@ th {
     margin-bottom: 8px;
   }
 
-  .btn {
+  .login-box .btn,
+  form.row > .btn,
+  form.grid.cols > .btn {
     width: 100%;
+    max-width: none;
     min-height: 44px;
   }
 
+  .row .btn {
+    flex: 1 1 180px;
+  }
+
   .sidebar .btn,
   td .btn,
+  .table-wrap .btn,
   .modal-head .btn,
-  .calendar-toolbar .btn {
+  .calendar-toolbar .btn,
+  .row.compact .btn {
     width: auto;
+    flex: 0 0 auto;
   }
 
   .tabs,