@layerfi/components 0.1.30 → 0.1.32

package/dist/styles/index.css

@@ -343,7 +343,9 @@
   border-radius: 4px;
   box-sizing: border-box;
   transition: all 150ms ease-out;
-  padding: var(--spacing-2xs) var(--spacing-sm);
+  padding: 0;
+  width: 36px;
+  height: 36px;
 }
 .Layer__btn.Layer__btn--full-width {
   width: 100%;
@@ -635,16 +637,14 @@
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
-@container (min-width: 760px) {
-  .Layer__date-month-picker__wrapper.Layer__date-month-picker__wrapper--current-date-option .Layer__date-month-picker {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-  }
-  .Layer__date-month-picker__wrapper .Layer__date-month-picker__current-button {
-    border: 1px solid var(--input-border-color);
-    border-left: none;
-    box-shadow: none;
-  }
+.Layer__date-month-picker__wrapper.Layer__date-month-picker__wrapper--current-date-option .Layer__date-month-picker {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.Layer__date-month-picker__wrapper .Layer__date-month-picker__current-button {
+  border: 1px solid var(--input-border-color);
+  border-left: none;
+  box-shadow: none;
 }
 .Layer__date-month-picker {
   width: 210px;
@@ -707,34 +707,37 @@
   background: linear-gradient(-90deg, #fff 50%, rgba(255, 255, 255, 0) 100%);
   z-index: 2;
 }
-@container (max-width: 760px) {
-  .Layer__date-month-picker__wrapper .Layer__date-month-picker {
+@container (max-width: 759px) {
+  .Layer__date-month-picker--responsive.Layer__date-month-picker__wrapper .Layer__date-month-picker {
     border: none;
     background: none;
     width: 175px;
   }
-  .Layer__date-month-picker__wrapper .Layer__date-month-picker__button {
+  .Layer__date-month-picker--responsive.Layer__date-month-picker__wrapper .Layer__date-month-picker__button {
     margin: 0 0.125rem;
     box-shadow: 0px 1px 2px 0px var(--base-transparent-6, rgba(16, 24, 40, 0.06)), 0px 0px 0px 1px var(--color-base-300);
     border-radius: 4px;
   }
-  .Layer__date-month-picker__wrapper .Layer__date-month-picker__effect-blur {
+  .Layer__date-month-picker--responsive.Layer__date-month-picker__wrapper .Layer__date-month-picker__effect-blur {
     right: 0;
     max-width: 70px;
     background: linear-gradient(-90deg, #f7f8fa 75%, rgba(255, 255, 255, 0) 100%);
   }
-  .Layer__date-month-picker__wrapper .Layer__date-month-picker__button--disabled {
+  .Layer__date-month-picker--responsive.Layer__date-month-picker__wrapper .Layer__date-month-picker__button--disabled {
     background-color: var(--color-base-200);
   }
-  .Layer__date-month-picker__wrapper .Layer__date-month-picker__labels-container {
+  .Layer__date-month-picker--responsive.Layer__date-month-picker__wrapper .Layer__date-month-picker__labels-container {
     width: 550px;
   }
-  .Layer__date-month-picker__wrapper .Layer__date-month-picker__label {
+  .Layer__date-month-picker--responsive.Layer__date-month-picker__wrapper .Layer__date-month-picker__label {
     padding-left: 0;
     padding-right: 75px;
     justify-content: flex-end;
     font-size: 12px;
   }
+  .Layer__date-month-picker--responsive .Layer__date-month-picker__current-button {
+    display: none;
+  }
 }
 .Layer__hover-menu {
   position: relative;
@@ -821,7 +824,6 @@
   border-radius: var(--border-radius-sm);
   border: 1px solid var(--border-color);
   background-color: var(--bg-color);
-  overflow: auto;
   container-type: inline-size;
 }
 .Layer__component-container::-webkit-scrollbar {
@@ -928,6 +930,9 @@
 .react-datepicker__tab-loop {
   z-index: 99;
 }
+.Layer__datepicker input {
+  text-align: center;
+}
 .Layer__datepicker__time input {
   max-width: 100px;
 }
@@ -935,8 +940,18 @@
   outline-color: var(--color-base-800);
 }
 .Layer__datepicker__popper {
+  z-index: 99;
   border-radius: 8px;
 }
+.Layer__datepicker__popper .react-datepicker__day--in-range,
+.Layer__datepicker__popper .react-datepicker__day--in-selecting-range {
+  background-color: var(--color-base-200);
+  color: var(--color-base-800);
+}
+.Layer__datepicker__popper .react-datepicker__day--range-end {
+  background-color: var(--color-base-800);
+  color: var(--color-base-100);
+}
 .Layer__datepicker__popper .react-datepicker__triangle {
   display: none;
 }
@@ -1060,10 +1075,39 @@
   font-size: 14px;
   border-bottom: 1px solid var(--color-base-200);
 }
+.react-datepicker__children-container {
+  width: 100%;
+  margin: 0;
+  padding: 0;
+}
+.Layer__datepicker__popper__custom-footer {
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: flex-start;
+  padding: var(--spacing-md) var(--spacing-xs);
+  border-top: 1px solid var(--color-base-200);
+}
+.Layer__datepicker__popper__custom-footer .Layer__text-btn {
+  padding: var(--spacing-xs) var(--spacing-xs);
+  color: var(--color-base-800);
+  font-weight: 460;
+  text-decoration: none;
+}
 .Layer__details-list {
   display: flex;
   flex-direction: column;
 }
+.Layer__details-list__actions > .Layer__details-list__close-btn {
+  width: 36px;
+  height: 36px;
+  padding: 0;
+}
+@container (max-width: 1024px) {
+  .Layer__details-list__actions > .Layer__details-list__close-btn {
+    display: none;
+  }
+}
 .Layer__details-list .Layer__component-header {
   padding-bottom: 0;
 }
@@ -2077,6 +2121,15 @@
   gap: var(--spacing-md);
   container-type: inline-size;
 }
+.Layer__view-main .Layer__toggle {
+  border-radius: 6px;
+}
+.Layer__view-main .Layer__toggle .Layer__toggle-option input + span {
+  border-radius: 6px;
+}
+.Layer__view-main .Layer__toggle__thumb {
+  border-radius: 6px;
+}
 .Layer__view-header {
   display: flex;
   width: 100%;
@@ -2116,6 +2169,8 @@
   width: 100%;
   border-bottom: 1px solid var(--color-base-200);
   container-type: inline-size;
+  position: relative;
+  z-index: 1;
 }
 .Layer__panel_view-header__content {
   padding: var(--spacing-lg);
@@ -2161,22 +2216,19 @@
 }
 .Layer__ledger-account__header {
   display: flex;
-  flex-direction: column;
+  flex-direction: row;
   padding: var(--spacing-xl);
   padding-bottom: var(--spacing-md);
+  gap: var(--spacing-md);
   align-items: flex-start;
   justify-content: flex-start;
 }
 .Layer__ledger-account__title-container {
   display: flex;
-  justify-content: space-between;
-  align-items: center;
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: flex-start;
   width: 100%;
-  padding-top: var(--spacing-md);
-  padding-bottom: var(--spacing-3xs);
-}
-.Layer__ledger-account__title {
-  font-size: 24px;
 }
 .Layer__ledger-account__balance-container {
   display: flex;
@@ -2186,6 +2238,15 @@
 .Layer__ledger-account__balance-label {
   color: var(--color-base-600);
 }
+.Layer__ledger-account__entry-details__back-btn {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-md);
+  padding-bottom: var(--spacing-md);
+}
+.Layer__ledger-account__entry-details__title-container > .Layer__text {
+  font-size: 24px;
+}
 .Layer__ledger-account__entry-details__line-items {
   padding: var(--spacing-md);
 }
@@ -2341,14 +2402,6 @@
     gap: var(--spacing-xs);
   }
 }
-@container (min-width: 1400px) {
-  .Layer__balance-sheet .Layer__table tr td:first-child .Layer__table-cell-content,
-  .Layer__balance-sheet .Layer__table tr td:last-child .Layer__table-cell-content,
-  .Layer__balance-sheet .Layer__table tr th:first-child.Layer__table-header,
-  .Layer__balance-sheet .Layer__table tr th:last-child.Layer__table-header {
-    padding-left: 0;
-  }
-}
 .Layer__balance-sheet__header {
   display: flex;
   flex: 1;
@@ -2380,6 +2433,9 @@
 .Layer__balance-sheet__table .Layer__balance-sheet-row .Layer__balance-sheet-cell__value .Layer__table-cell-content {
   justify-content: flex-end;
 }
+.Layer__balance-sheet__table .Layer__balance-sheet-row.Layer__balance-sheet-row--depth-0:not(.Layer__balance-sheet-row--display-children-true) .Layer__balance-sheet-cell__label {
+  padding-left: 16px;
+}
 .Layer__balance-sheet__table .Layer__balance-sheet-row.Layer__balance-sheet-row--depth-0 .Layer__balance-sheet-cell__label .Layer__table-cell-content {
   font-size: var(--text-lg);
   font-weight: 540;
@@ -2388,8 +2444,11 @@
 .Layer__balance-sheet__table .Layer__balance-sheet-row.Layer__balance-sheet-row--depth-1:not(.Layer__balance-sheet-row--display-children-true) {
   background-color: var(--color-base-50);
 }
+.Layer__balance-sheet__table .Layer__balance-sheet-row.Layer__balance-sheet-row--depth-1:not(.Layer__balance-sheet-row--display-children-true) .Layer__balance-sheet-cell__label {
+  padding-left: calc(50px - var(--spacing-sm));
+}
 .Layer__balance-sheet__table .Layer__balance-sheet-row.Layer__balance-sheet-row--depth-1 .Layer__balance-sheet-cell__label {
-  padding-left: calc(40px - var(--spacing-sm));
+  padding-left: calc(34px - var(--spacing-sm));
 }
 .Layer__balance-sheet__table .Layer__balance-sheet-row.Layer__balance-sheet-row--depth-1 .Layer__table-cell-content {
   font-size: var(--text-md);
@@ -2399,14 +2458,45 @@
 .Layer__balance-sheet__table .Layer__balance-sheet-row.Layer__balance-sheet-row--depth-2:not(.Layer__balance-sheet-row--display-children-true) {
   background-color: var(--color-base-50);
 }
-.Layer__balance-sheet__table .Layer__balance-sheet-row.Layer__balance-sheet-row--depth-2 .Layer__balance-sheet-cell__label {
+.Layer__balance-sheet__table .Layer__balance-sheet-row.Layer__balance-sheet-row--depth-2:not(.Layer__balance-sheet-row--display-children-true) .Layer__balance-sheet-cell__label {
   padding-left: calc(80px - var(--spacing-sm));
 }
+.Layer__balance-sheet__table .Layer__balance-sheet-row.Layer__balance-sheet-row--depth-2 .Layer__balance-sheet-cell__label {
+  padding-left: calc(64px - var(--spacing-sm));
+}
 .Layer__balance-sheet__table .Layer__balance-sheet-row.Layer__balance-sheet-row--depth-2 .Layer__table-cell-content {
   font-size: var(--text-md);
   font-weight: 460;
   color: var(--text-color-secondary);
 }
+.Layer__balance-sheet__table .Layer__balance-sheet-row.Layer__balance-sheet-row--depth-3:not(.Layer__balance-sheet-row--display-children-true) {
+  background-color: var(--color-base-50);
+}
+.Layer__balance-sheet__table .Layer__balance-sheet-row.Layer__balance-sheet-row--depth-3:not(.Layer__balance-sheet-row--display-children-true) .Layer__balance-sheet-cell__label {
+  padding-left: calc(104px - var(--spacing-sm));
+}
+.Layer__balance-sheet__table .Layer__balance-sheet-row.Layer__balance-sheet-row--depth-3 .Layer__balance-sheet-cell__label {
+  padding-left: calc(88px - var(--spacing-sm));
+}
+.Layer__balance-sheet__table .Layer__balance-sheet-row.Layer__balance-sheet-row--depth-3 .Layer__table-cell-content {
+  font-size: var(--text-md);
+  font-weight: 460;
+  color: var(--text-color-secondary);
+}
+.Layer__balance-sheet__table .Layer__balance-sheet-row.Layer__balance-sheet-row--depth-4:not(.Layer__balance-sheet-row--display-children-true) {
+  background-color: var(--color-base-50);
+}
+.Layer__balance-sheet__table .Layer__balance-sheet-row.Layer__balance-sheet-row--depth-4:not(.Layer__balance-sheet-row--display-children-true) .Layer__balance-sheet-cell__label {
+  padding-left: calc(130px - var(--spacing-sm));
+}
+.Layer__balance-sheet__table .Layer__balance-sheet-row.Layer__balance-sheet-row--depth-4 .Layer__balance-sheet-cell__label {
+  padding-left: calc(114px - var(--spacing-sm));
+}
+.Layer__balance-sheet__table .Layer__balance-sheet-row.Layer__balance-sheet-row--depth-4 .Layer__table-cell-content {
+  font-size: var(--text-md);
+  font-weight: 460;
+  color: var(--text-color-secondary);
+}
 .Layer__balance-sheet__table .Layer__balance-sheet-row.Layer__balance-sheet-row--display-children-true {
   font-weight: bold;
   cursor: pointer;
@@ -2415,7 +2505,7 @@
   font-weight: normal;
 }
 .Layer__balance-sheet__table .Layer__balance-sheet-row.Layer__balance-sheet-row--variant-summation {
-  background: var(--color-base-100);
+  background: var(--color-base-100) !important;
 }
 .Layer__balance-sheet__table .Layer__balance-sheet-row.Layer__balance-sheet-row--variant-summation .Layer__table-cell-content {
   font-size: var(--text-md);
@@ -2437,11 +2527,23 @@
   transition: transform var(--transition-speed);
   transform: rotate(-90deg);
 }
-.Layer__balance-sheet__table .Layer__balance-sheet-row {
-  border-left: 4px solid transparent;
+.Layer__balance-sheet__table .Layer__balance-sheet-cell__label {
+  position: relative;
+}
+.Layer__balance-sheet__table .Layer__table-cell__active {
+  display: none;
+  width: 4px;
+  height: 100%;
+  position: absolute;
+  background: var(--color-base-400);
+  left: 0;
+  top: 0;
 }
-.Layer__balance-sheet__table .Layer__balance-sheet-row:not(.Layer__balance-sheet-row--display-children-true) {
-  border-left: 4px solid var(--color-base-400);
+.Layer__balance-sheet__table .Layer__balance-sheet-row .Layer__table-cell__active {
+  display: none;
+}
+.Layer__balance-sheet__table .Layer__balance-sheet-row:not(.Layer__balance-sheet-row--display-children-true) .Layer__table-cell__active {
+  display: block;
 }
 .Layer__balance-sheet__table .Layer__balance-sheet-cell__label .Layer__table-cell-content {
   padding-left: 0;
@@ -2452,9 +2554,206 @@
 .Layer__balance-sheet__table .Layer__balance-sheet-cell__value--negative .Layer__table-cell-content::before {
   content: "-$";
 }
+.Layer__statement-of-cash-flow {
+  border: 1px solid var(--border-color);
+  border-radius: var(--corner-radius);
+  background-color: var(--background-color);
+}
+.Layer__statement-of-cash-flow .Layer__panel_view-header__controls {
+  gap: 0;
+}
+.Layer__statement-of-cash-flow * {
+  font-family: var(--font-family);
+  font-feature-settings:
+    "cv10" on,
+    "cv01" on,
+    "cv05" on,
+    "cv08" on,
+    "ss03" on;
+}
+.Layer__statement-of-cash-flow tbody .Layer__table__empty-row:first-child {
+  display: none;
+}
+.Layer__statement-of-cash-flow .Layer__statement-of-cash-flow__title {
+  display: inline;
+  flex: 1;
+  font-size: var(--text-heading);
+  margin: 0;
+}
+@container (max-width: 800px) {
+  .Layer__statement-of-cash-flow .Layer__statement-of-cash-flow__header {
+    flex-direction: column;
+    gap: var(--spacing-sm);
+  }
+}
+@container (max-width: 540px) {
+  .Layer__statement-of-cash-flow .Layer__statement-of-cash-flow__header {
+    flex-direction: row;
+    gap: var(--spacing-sm);
+    flex-wrap: wrap;
+  }
+  .Layer__statement-of-cash-flow .Layer__statement-of-cash-flow__header .Layer__statement-of-cash-flow__actions {
+    flex-wrap: wrap;
+  }
+  .Layer__statement-of-cash-flow .Layer__statement-of-cash-flow__header .Layer__statement-of-cash-flow__actions__date-picker {
+    flex-wrap: wrap;
+    gap: var(--spacing-xs);
+  }
+}
+@container (min-width: 1400px) {
+  .Layer__statement-of-cash-flow .Layer__table tr td:first-child .Layer__table-cell-content,
+  .Layer__statement-of-cash-flow .Layer__table tr td:last-child .Layer__table-cell-content,
+  .Layer__statement-of-cash-flow .Layer__table tr th:first-child.Layer__table-header,
+  .Layer__statement-of-cash-flow .Layer__table tr th:last-child.Layer__table-header {
+    padding-left: 0;
+  }
+}
+.Layer__statement-of-cash-flow__header {
+  display: flex;
+  flex: 1;
+  flex-direction: row;
+  padding: var(--spacing-sm) var(--spacing-md);
+}
+.Layer__statement-of-cash-flow__header.Layer__statement-of-cash-flow__header--no-title .Layer__statement-of-cash-flow__actions {
+  flex: 1;
+}
+.Layer__statement-of-cash-flow__header .Layer__statement-of-cash-flow__actions {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  gap: var(--spacing-xs);
+}
+.Layer__statement-of-cash-flow__header .Layer__statement-of-cash-flow__actions .Layer__statement-of-cash-flow__actions__date-picker {
+  display: flex;
+  flex-direction: row;
+  gap: var(--spacing-xs);
+}
+.Layer__statement-of-cash-flow__table {
+  width: 100%;
+  border-collapse: collapse;
+}
+.Layer__statement-of-cash-flow__table .Layer__statement-of-cash-flow-row {
+  font-size: 1em;
+  height: 52px;
+}
+.Layer__statement-of-cash-flow__table .Layer__statement-of-cash-flow-row .Layer__statement-of-cash-flow-cell__value .Layer__table-cell-content {
+  justify-content: flex-end;
+}
+.Layer__statement-of-cash-flow__table .Layer__statement-of-cash-flow-row.Layer__statement-of-cash-flow-row--depth-0:not(.Layer__statement-of-cash-flow-row--display-children-true) .Layer__statement-of-cash-flow-cell__label {
+  padding-left: 16px;
+}
+.Layer__statement-of-cash-flow__table .Layer__statement-of-cash-flow-row.Layer__statement-of-cash-flow-row--depth-0 .Layer__statement-of-cash-flow-cell__label .Layer__table-cell-content {
+  font-size: var(--text-lg);
+  font-weight: 540;
+  color: var(--text-color-primary);
+}
+.Layer__statement-of-cash-flow__table .Layer__statement-of-cash-flow-row.Layer__statement-of-cash-flow-row--depth-0.Layer__statement-of-cash-flow-row--variant-summation .Layer__table-cell-content {
+  font-size: var(--text-md);
+}
+.Layer__statement-of-cash-flow__table .Layer__statement-of-cash-flow-row.Layer__statement-of-cash-flow-row--depth-1:not(.Layer__statement-of-cash-flow-row--display-children-true) {
+  background-color: var(--color-base-50);
+}
+.Layer__statement-of-cash-flow__table .Layer__statement-of-cash-flow-row.Layer__statement-of-cash-flow-row--depth-1:not(.Layer__statement-of-cash-flow-row--display-children-true) .Layer__statement-of-cash-flow-cell__label {
+  padding-left: calc(50px - var(--spacing-sm));
+}
+.Layer__statement-of-cash-flow__table .Layer__statement-of-cash-flow-row.Layer__statement-of-cash-flow-row--depth-1 .Layer__statement-of-cash-flow-cell__label {
+  padding-left: calc(34px - var(--spacing-sm));
+}
+.Layer__statement-of-cash-flow__table .Layer__statement-of-cash-flow-row.Layer__statement-of-cash-flow-row--depth-1 .Layer__table-cell-content {
+  font-size: var(--text-md);
+  font-variation-settings: "wght" var(--font-weight-bold);
+  color: var(--color-base-700);
+}
+.Layer__statement-of-cash-flow__table .Layer__statement-of-cash-flow-row.Layer__statement-of-cash-flow-row--depth-2:not(.Layer__statement-of-cash-flow-row--display-children-true) {
+  background-color: var(--color-base-50);
+}
+.Layer__statement-of-cash-flow__table .Layer__statement-of-cash-flow-row.Layer__statement-of-cash-flow-row--depth-2:not(.Layer__statement-of-cash-flow-row--display-children-true) .Layer__statement-of-cash-flow-cell__label {
+  padding-left: calc(80px - var(--spacing-sm));
+}
+.Layer__statement-of-cash-flow__table .Layer__statement-of-cash-flow-row.Layer__statement-of-cash-flow-row--depth-2 .Layer__statement-of-cash-flow-cell__label {
+  padding-left: calc(64px - var(--spacing-sm));
+}
+.Layer__statement-of-cash-flow__table .Layer__statement-of-cash-flow-row.Layer__statement-of-cash-flow-row--depth-2 .Layer__table-cell-content {
+  font-size: var(--text-md);
+  font-weight: 460;
+  color: var(--text-color-secondary);
+}
+.Layer__statement-of-cash-flow__table .Layer__statement-of-cash-flow-row.Layer__statement-of-cash-flow-row--depth-3:not(.Layer__statement-of-cash-flow-row--display-children-true) {
+  background-color: var(--color-base-50);
+}
+.Layer__statement-of-cash-flow__table .Layer__statement-of-cash-flow-row.Layer__statement-of-cash-flow-row--depth-3:not(.Layer__statement-of-cash-flow-row--display-children-true) .Layer__statement-of-cash-flow-cell__label {
+  padding-left: calc(104px - var(--spacing-sm));
+}
+.Layer__statement-of-cash-flow__table .Layer__statement-of-cash-flow-row.Layer__statement-of-cash-flow-row--depth-3 .Layer__statement-of-cash-flow-cell__label {
+  padding-left: calc(88px - var(--spacing-sm));
+}
+.Layer__statement-of-cash-flow__table .Layer__statement-of-cash-flow-row.Layer__statement-of-cash-flow-row--depth-3 .Layer__table-cell-content {
+  font-size: var(--text-md);
+  font-weight: 460;
+  color: var(--text-color-secondary);
+}
+.Layer__statement-of-cash-flow__table .Layer__statement-of-cash-flow-row.Layer__statement-of-cash-flow-row--depth-4:not(.Layer__statement-of-cash-flow-row--display-children-true) {
+  background-color: var(--color-base-50);
+}
+.Layer__statement-of-cash-flow__table .Layer__statement-of-cash-flow-row.Layer__statement-of-cash-flow-row--depth-4:not(.Layer__statement-of-cash-flow-row--display-children-true) .Layer__statement-of-cash-flow-cell__label {
+  padding-left: calc(130px - var(--spacing-sm));
+}
+.Layer__statement-of-cash-flow__table .Layer__statement-of-cash-flow-row.Layer__statement-of-cash-flow-row--depth-4 .Layer__statement-of-cash-flow-cell__label {
+  padding-left: calc(114px - var(--spacing-sm));
+}
+.Layer__statement-of-cash-flow__table .Layer__statement-of-cash-flow-row.Layer__statement-of-cash-flow-row--depth-4 .Layer__table-cell-content {
+  font-size: var(--text-md);
+  font-weight: 460;
+  color: var(--text-color-secondary);
+}
+.Layer__statement-of-cash-flow__table .Layer__statement-of-cash-flow-row.Layer__statement-of-cash-flow-row--display-children-true {
+  font-weight: bold;
+  cursor: pointer;
+}
+.Layer__statement-of-cash-flow__table .Layer__statement-of-cash-flow-row.Layer__statement-of-cash-flow-row--display-children-false {
+  font-weight: normal;
+}
+.Layer__statement-of-cash-flow__table .Layer__statement-of-cash-flow-row.Layer__statement-of-cash-flow-row--variant-summation {
+  background: var(--color-base-100);
+}
+.Layer__statement-of-cash-flow__table .Layer__statement-of-cash-flow-row.Layer__statement-of-cash-flow-row--variant-summation .Layer__table-cell-content {
+  font-size: var(--text-md);
+  font-variation-settings: "wght" var(--font-weight-bold);
+  color: var(--text-color-primary);
+}
+.Layer__statement-of-cash-flow__table .Layer__statement-of-cash-flow-row.Layer__statement-of-cash-flow-row--expanded svg {
+  transform: rotate(0deg);
+}
+.Layer__statement-of-cash-flow__table .Layer__table-cell--last {
+  text-align: right;
+}
+.Layer__statement-of-cash-flow__table .Layer__table-cell__content-wrapper {
+  display: flex;
+  align-items: center;
+}
+.Layer__statement-of-cash-flow__table .Layer__table-cell__content-wrapper .Layer__table__expand-icon {
+  margin: 0;
+  transition: transform var(--transition-speed);
+  transform: rotate(-90deg);
+}
+.Layer__statement-of-cash-flow__table .Layer__statement-of-cash-flow-cell__label {
+  position: relative;
+}
+.Layer__statement-of-cash-flow__table .Layer__statement-of-cash-flow-cell__label .Layer__table-cell-content {
+  padding-left: 0;
+}
+.Layer__statement-of-cash-flow__table .Layer__statement-of-cash-flow-cell__value--positive .Layer__table-cell-content::before {
+  content: "$";
+}
+.Layer__statement-of-cash-flow__table .Layer__statement-of-cash-flow-cell__value--negative .Layer__table-cell-content::before {
+  content: "-$";
+}
 .Layer__bank-transactions {
   max-width: var(--max-component-width);
 }
+.Layer__bank-transactions.Layer__component {
+  overflow: auto;
+}
 .Layer__bank-transactions__loader-container {
   padding: var(--spacing-2xl);
 }
@@ -3846,6 +4145,13 @@
   gap: var(--spacing-sm);
   align-items: center;
 }
+.Layer__chart-of-accounts__form .actions {
+  display: none;
+  gap: var(--spacing-sm);
+  align-items: center;
+  justify-content: flex-end;
+  padding-top: var(--spacing-xl);
+}
 .Layer__chart-of-accounts__table .Layer__table-row:not(.Layer__table-row--header) {
   cursor: pointer;
 }
@@ -3964,6 +4270,12 @@
   .Layer__table-cell.Layer__coa__actions .Layer__table-cell-content {
     padding-right: var(--spacing-md);
   }
+  .Layer__chart-of-accounts__sidebar__header .actions {
+    display: none;
+  }
+  .Layer__chart-of-accounts__form .actions {
+    display: flex;
+  }
 }
 @container (min-width: 761px) and (max-width: 1024px) {
   .Layer__chart-of-accounts .Layer__mobile--hidden {
@@ -4015,6 +4327,19 @@
   display: flex;
   align-items: stretch;
   position: relative;
+  overflow: auto;
+}
+@container (min-width: 1025px) {
+  .Layer__component-container.Layer__journal {
+    overflow: unset;
+  }
+}
+.Layer__journal .Layer__journal__bottom-actions {
+  display: none;
+  gap: var(--spacing-sm);
+  align-items: center;
+  justify-content: flex-end;
+  padding: var(--spacing-xl);
 }
 .Layer__journal-table .Layer__table-cell-content::before {
   background: var(--color-base-400);
@@ -4219,6 +4544,21 @@
   .Layer__journal__panel .Layer__panel__sidebar .Layer__panel__sidebar-content {
     width: 100%;
   }
+  .Layer__journal .Layer__journal__sidebar__header .actions {
+    display: none;
+  }
+  .Layer__journal .Layer__journal__sidebar__header .actions {
+    display: none;
+  }
+  .Layer__journal .Layer__journal__bottom-actions {
+    display: flex;
+  }
+  .Layer__journal .Layer__panel.Layer__panel--open {
+    overflow: hidden;
+  }
+  .Layer__journal__form__input-group.Layer__journal__form__input-group__textarea {
+    background: transparent;
+  }
 }
 @container (min-width: 500px) and (max-width: 1024px) {
   .Layer__journal__panel .Layer__details-list .Layer__component-header {
@@ -4967,6 +5307,8 @@
   background: rgba(255, 255, 255, 0.5);
   backdrop-filter: blur(6px);
   z-index: 1;
+  border-top-left-radius: var(--border-radius-sm);
+  border-top-right-radius: var(--border-radius-sm);
 }
 .Layer__panel__sidebar {
   width: 480px;
@@ -4981,6 +5323,7 @@
   background: var(--color-base-0);
   height: 100%;
   border-left: 1px solid var(--color-base-300);
+  border-top-right-radius: var(--border-radius-sm);
 }
 .Layer__panel__sidebar .Layer__panel__sidebar-content {
   width: 480px;
@@ -5002,10 +5345,19 @@
     max-width: 100%;
     width: 100%;
     border-width: 0;
+    border-radius: var(--border-radius-sm);
     opacity: 0.2;
     transform: translateY(-50px) scale(0.96);
     transition: transform 120ms ease-in-out, opacity 120ms ease-in-out;
   }
+  .Layer__panel__sidebar .Layer__panel__sidebar-content {
+    position: sticky;
+    top: 0;
+    height: min-content;
+  }
+  .Layer__panel--open .Layer__panel__sidebar {
+    overflow: unset;
+  }
   .Layer__panel.Layer__panel--open .Layer__panel__sidebar {
     left: 0;
     top: 0;
@@ -5062,6 +5414,7 @@
   grid-template-columns: 1fr auto;
   overflow: hidden;
   background-color: var(--color-base-100);
+  border-radius: var(--border-radius-sm);
 }
 .Layer__profit-and-loss-table__loader-container {
   padding: var(--spacing-2xl);
@@ -5413,6 +5766,10 @@
   .Layer__profit-and-loss__chart_with_summaries__chart-col {
     padding-left: var(--spacing-xs);
   }
+  .Layer__panel--open .Layer__profit-and-loss-table {
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+  }
 }
 @container (max-width: 1023px) and (min-width: 760px) {
   .Layer__profit-and-loss-summaries,
@@ -5494,6 +5851,9 @@
 }
 header.Layer__profit-and-loss-detailed-charts__header--tablet {
   display: none;
+  justify-content: flex-start;
+  gap: var(--spacing-md);
+  align-items: center;
 }
 @container (max-width: 1023px) and (min-width: 768px) {
   header.Layer__profit-and-loss-detailed-charts__header {
@@ -5506,7 +5866,7 @@ header.Layer__profit-and-loss-detailed-charts__header--tablet {
 .Layer__profit-and-loss-detailed-charts__head {
   display: flex;
   flex-direction: column;
-  gap: var(--spacing-2xs);
+  gap: var(--spacing-4xs);
 }
 .Layer__profit-and-loss-detailed-charts__head .title {
   color: var(--color-base-800);
@@ -5523,6 +5883,7 @@ header.Layer__profit-and-loss-detailed-charts__header--tablet {
 .Layer__profit-and-loss-detailed-charts {
   width: 100%;
   background: var(--color-base-0);
+  border-radius: var(--border-radius-sm);
 }
 .Layer__profit-and-loss-detailed-charts .chart-field {
   width: 100%;
@@ -5931,4 +6292,13 @@ header.Layer__profit-and-loss-detailed-charts__header--tablet {
     margin-top: -12px;
   }
 }
+.Layer__reports .Layer__panel__content {
+  border-radius: var(--border-radius-sm);
+}
+@container (min-width: 1024px) {
+  .Layer__reports .Layer__panel__content {
+    border-bottom-right-radius: 0;
+    border-top-right-radius: 0;
+  }
+}
 /*# sourceMappingURL=index.css.map */