first commit

app/assets/styles/invoice.B6sYFYlb.css

@@ -0,0 +1,82 @@
+.invoice-detail-page[data-v-3b8f6704] {
+  flex-direction: column;
+  gap: 14px;
+  max-width: 896px;
+  margin: 0 auto;
+  display: flex;
+}
+.invoice-paper[data-v-3b8f6704] {
+  background: var(--p-content-background);
+  border: 1px solid var(--p-content-border-color);
+  padding: 42px 35px;
+}
+.invoice-paper h1[data-v-3b8f6704] {
+  text-align: center;
+  color: #9f454a;
+  margin: 0 0 14px;
+  font-size: 1.625rem;
+  font-weight: 500;
+}
+.invoice-number[data-v-3b8f6704] {
+  text-align: right;
+  color: var(--p-text-muted-color);
+  font-size: 0.875rem;
+}
+.invoice-paper dl[data-v-3b8f6704] {
+  border: 1px solid #cba0a2;
+  grid-template-columns: 1fr 1fr;
+  margin: 28px 0;
+  display: grid;
+}
+.invoice-paper dl > div[data-v-3b8f6704] {
+  border-bottom: 1px solid #e7cccd;
+  flex-direction: column;
+  gap: 10px;
+  min-width: 0;
+  padding: 18px;
+  display: flex;
+}
+.invoice-paper dt[data-v-3b8f6704] {
+  color: var(--p-text-muted-color);
+  font-size: 0.875rem;
+}
+.invoice-paper dd[data-v-3b8f6704] {
+  overflow-wrap: anywhere;
+  margin: 0;
+}
+.invoice-total[data-v-3b8f6704] {
+  border-block: 1px solid #cba0a2;
+  justify-content: space-between;
+  gap: 21px;
+  padding: 21px 14px;
+  display: flex;
+}
+.invoice-total strong[data-v-3b8f6704] {
+  font-size: 1.5rem;
+}
+.invoice-actions[data-v-3b8f6704] {
+  flex-wrap: wrap;
+  justify-content: flex-end;
+  gap: 14px;
+  margin-top: 28px;
+  display: flex;
+}
+.invoice-file-hint[data-v-3b8f6704] {
+  text-align: right;
+  color: var(--p-text-muted-color);
+  font-size: 0.875rem;
+}
+.invoice-error[data-v-3b8f6704] {
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 14px;
+  display: flex;
+}
+@media (width<=640px) {
+  .invoice-paper[data-v-3b8f6704] {
+    padding: 28px 14px;
+  }
+  .invoice-paper dl[data-v-3b8f6704] {
+    grid-template-columns: minmax(0, 1fr);
+  }
+}