feat: finalize lease documents and IRL revisions

2026-08-17 14:18:16 +02:00
1 parent f127c69a28
commit 1bf6a3449c
@@ -0,0 +1,124 @@
+:host {
+  display: block;
+}
+
+.revision-preview {
+  display: grid;
+  gap: var(--space-4, 1rem);
+  margin-block-start: var(--space-4, 1rem);
+  padding-block-start: var(--space-4, 1rem);
+  border-block-start: 1px solid var(--border, #dce5df);
+}
+
+.revision-preview h3,
+.revision-preview h4,
+.revision-preview p {
+  margin: 0;
+}
+
+.revision-preview header p,
+.source-label {
+  color: var(--text-muted, #687670);
+  font-size: 0.8rem;
+}
+
+fieldset,
+.manual-indices,
+.preview-result {
+  display: grid;
+  gap: var(--space-3, 0.75rem);
+  min-width: 0;
+  margin: 0;
+  padding: 0;
+  border: 0;
+}
+
+.advanced-options,
+.manual-indices,
+.preview-result {
+  padding: var(--space-3, 0.75rem);
+  border-radius: var(--radius-md, 0.8125rem);
+  background: var(--surface-soft, #e9efeb);
+}
+
+.advanced-options summary {
+  cursor: pointer;
+  font-weight: 700;
+}
+
+.advanced-options label,
+.manual-indices label {
+  display: grid;
+  gap: var(--space-2, 0.5rem);
+  margin-block-start: var(--space-3, 0.75rem);
+  font-size: 0.8rem;
+  font-weight: 700;
+}
+
+select,
+input[type='number'] {
+  box-sizing: border-box;
+  width: 100%;
+  min-height: 2.75rem;
+  padding-inline: var(--space-3, 0.75rem);
+  border: 1px solid var(--border-strong, #aebbb4);
+  border-radius: var(--radius-sm, 0.5rem);
+  background: var(--surface, #fff);
+  color: var(--text, #17211e);
+  font: inherit;
+}
+
+.attestation {
+  grid-template-columns: auto minmax(0, 1fr);
+  align-items: start;
+  font-weight: 500;
+}
+
+.field-grid,
+.preview-result dl {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(min(100%, 10rem), 1fr));
+  gap: var(--space-3, 0.75rem);
+}
+
+.preview-result dl {
+  margin: 0;
+}
+
+.preview-result dd {
+  margin: var(--space-1, 0.25rem) 0 0;
+  overflow-wrap: anywhere;
+}
+
+.preview-result dt,
+.preview-warnings span {
+  color: var(--text-muted, #687670);
+  font-size: 0.72rem;
+}
+
+.formula {
+  padding: var(--space-2, 0.5rem);
+  overflow-wrap: anywhere;
+  font-weight: 700;
+  text-align: center;
+}
+
+.preview-warnings,
+.operation-error {
+  color: var(--danger, #b42318);
+}
+
+.preview-warnings ul {
+  display: grid;
+  gap: var(--space-2, 0.5rem);
+  margin-block-end: 0;
+  padding-inline-start: 1.1rem;
+}
+
+.preview-warnings span {
+  display: block;
+}
+
+.preview-submit {
+  justify-self: start;
+}