@media(min-width:1400px) {
  .workspace {
  padding:0
}
.app-header {
  padding-left:calc((100vw - 1200px)/2);
  padding-right:calc((100vw - 1200px)/2)
}

}

@media(max-width:1000px) {
  .overview-grid {
  grid-template-columns:1fr
}
.aside-stack {
  display:grid;
  grid-template-columns:1fr 1fr
}
.account-row {
  grid-template-columns:1fr 150px 120px 70px
}
.app-header {
  gap:20px
}
.app-header nav {
  gap:22px
}

}

@media(max-width:640px) {
  .preview-banner {
  font-size:10px
}
.app-header {
  height:auto;
  padding:18px 20px 0;
  flex-wrap:wrap;
  gap:12px
}
.brand {
  font-size:21px
}
.settings-link {
  margin-left:auto
}
.app-header nav {
  order:3;
  width:100%;
  justify-content:space-between;
  gap:12px
}
.app-header nav a {
  padding:15px 0 13px
}
.workspace {
  padding:0 18px
}
.scope-bar {
  padding:21px 0
}
.eyebrow {
  font-size:9px;
  letter-spacing:1.2px
}
.scope-label {
  gap:7px
}
.scope-label select {
  min-width:110px;
  padding-right:22px
}
.page-heading {
  align-items:flex-start;
  margin:8px 0 23px;
  gap:12px
}
h1 {
  font-size:28px
}
.description {
  font-size:12px;
  max-width:225px
}
.page-heading .button {
  padding:10px 12px;
  font-size:12px
}
.balance-summary {
  padding:22px
}
.balance-summary .amount {
  font-size:35px
}
.summary-count {
  display:none
}
.panel-head {
  padding:20px
}
.account-row {
  grid-template-columns:minmax(0,1fr) auto;
  gap:9px;
  padding:18px 20px
}
.table-head {
  display:none
}
.account-row .number {
  text-align:right;
  font-size:14px
}
.account-row .record-date {
  grid-column:1;
  padding-left:48px;
  font-size:11px
}
.account-row>.button {
  grid-column:2;
  justify-self:end;
  margin-top:-5px
}
.aside-stack,.settings-grid {
  grid-template-columns:1fr
}
.projection-link {
  padding:23px
}
.projection-accounts .account-row {
  grid-template-columns:1fr auto
}
.projection-accounts .account-row>.record-date {
  padding-left:0;
  grid-column:auto
}
.chart-summary {
  padding:22px;
  align-items:flex-start
}
.chart-amount {
  font-size:28px
}
.chart-summary .field {
  max-width:115px
}
.chart-wrap {
  padding:0 8px 8px
}
.calendar-toolbar {
  padding:16px;
  gap:16px
}
.calendar-toolbar h2 {
  font-size:17px
}
.calendar-month-label {
  flex-basis:8.25rem
}
.day {
  min-height:84px;
  padding:4px
}
.calendar-event {
  font-size:9px;
  padding:3px
}
.weekday {
  font-size:9px;
  padding:10px 2px
}
.calendar-toolbar .button {
  padding:7px 10px;
  min-height:36px
}
.form-grid {
  grid-template-columns:1fr
}
.dialog-body,.dialog-header {
  padding:22px
}
.dialog-actions {
  padding:16px 22px
}
footer {
  margin-top:30px;
  gap:10px;
  flex-wrap:wrap
}
footer>span:nth-child(2) {
  display:none
}
.setting-row {
  padding:18px 20px
}

}