/* Approved mock styles take precedence; these rules connect production-only UI. */
/* Keep the application name in one place and center icons independently of text padding. */
.sidebar .brand, .login .brand { display: block; font-size: 20px; line-height: 1.4; }
.sidebar .brand { padding: 0 10px; margin-bottom: 26px; }
.sidebar .brand small, .login .brand small { font-size: 10px; letter-spacing: .12em; margin-top: 5px; }
.sidebar .nav button { font-size: 15px; line-height: 24px; padding: 11px 10px; gap: 10px; }
.sidebar .nav .icon { display: block; width: 19px; height: 19px; }
.icon-btn { display: inline-flex; align-items: center; justify-content: center; padding: 0; min-height: 0; line-height: 1; }
.icon-btn .icon { display: block; margin: 0; }
.topbar .icon-btn { width: 36px; height: 36px; }
.period-switch > .icon-btn { width: 36px; height: 36px; }
@media (max-width: 700px) {
  .home-page .dashboard-filters,
  .home-page .period-basis,
  .home-page .page-heading .eyebrow,
  .home-page .page-heading .subtitle,
  .home-page .heading-actions [data-nav="import"] { display: none; }
  .content.home-page .page-heading { align-items: center; gap: 10px; margin-bottom: 16px; }
  .home-page .page-heading h1 { font-size: 22px; line-height: 1.35; margin: 0; }
  .home-page .heading-actions .btn { padding: 8px 10px; min-height: 36px; white-space: nowrap; font-size: 12px; }
  .home-page .period-bar { display: block; margin-bottom: 16px; }
  .home-page .period-switch { display: grid; grid-template-columns: 30px minmax(90px, 1fr) 30px auto; gap: 5px; width: 100%; }
  .home-page .period-switch .icon-btn { width: 30px; min-width: 0; height: 34px; min-height: 0; padding: 5px; }
  .home-page .period-input { width: 100%; min-width: 0; padding: 5px 0; font-size: 13px; }
  .home-page .period-switch .segmented { padding: 3px; }
  .home-page .period-switch .segmented button { padding: 6px 7px; font-size: 12px; min-height: 0; }
  .home-page .year-picker { justify-content: center; min-width: 0; }
}
.year-picker { display: flex; align-items: center; gap: 5px; }
.year-picker .period-input { width: 78px; text-align: center; }
.year-picker span { color: #536577; font-size: 15px; }
.dashboard-filters { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0 0 18px; }
.dashboard-filters > span { font-size: 12px; color: #64748b; }
.dashboard-filters select { width: auto; min-width: 125px; font-size: 13px; padding: 7px 10px; }
.analysis-context { color: #718096; font-size: 12px; line-height: 1.8; margin: 14px 0 20px; }
.content .panel.home-panel.analysis-panel { min-width: 0; margin: 0 0 22px; overflow: hidden; }
.analysis-panel .panel-head { padding: 18px 22px; }
.analysis-panel .panel-sub { margin: 5px 0 0; line-height: 1.7; }
.analysis-panel .panel-body { padding: 18px 22px; }
.analysis-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 22px; }
.analysis-table-scroll, .stack-scroll { overflow-x: auto; }
.analysis-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.analysis-table th { background: #f8fafc; color: #738397; font-size: 12px; font-weight: 500; padding: 12px; white-space: nowrap; }
.analysis-table td { padding: 13px 12px; border-bottom: 1px solid #edf1f5; }
.analysis-table td small { display: block; margin-top: 4px; font-size: 11px; color: #8291a2; }
.analysis-table .num { white-space: nowrap; text-align: right; font-variant-numeric: tabular-nums; }
.analysis-table .over, .analysis-table small.over { color: #ac716a; }
.analysis-link { border: 0; background: transparent; box-shadow: none; color: #526e84; padding: 0; min-height: 28px; font-size: inherit; text-align: left; line-height: 1.6; }
.analysis-link:hover { text-decoration: underline; background: transparent; }
.analysis-link:focus-visible, .stack-column:focus-visible { outline: 2px solid #7b94a6; outline-offset: 3px; }
.stack-chart { display: flex; height: 260px; min-width: 660px; gap: 12px; }
.stack-axis { width: 65px; flex: none; display: flex; flex-direction: column; justify-content: space-between; padding-bottom: 35px; color: #8291a2; font-size: 11px; text-align: right; }
.stack-stage { flex: 1; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 12px; background: linear-gradient(#e9eef3 1px, transparent 1px) 0 0 / 100% 112px; }
.stack-column { display: flex; flex-direction: column; align-items: stretch; justify-content: end; background: transparent; border: 0; border-radius: 0; padding: 0; min-width: 0; box-shadow: none; color: #7b8a9c; }
.stack-column:hover, .stack-column.selected { background: #f2f6f9; }
.stack-space { height: 225px; display: flex; align-items: end; justify-content: center; }
.stack-bar { width: 70%; max-width: 48px; display: flex; flex-direction: column-reverse; min-height: 0; }
.stack-bar > span { display: block; flex: none; }
.stack-label { font-size: 11px; height: 35px; padding-top: 12px; white-space: nowrap; }
.stack-legend { display: flex; gap: 10px 20px; flex-wrap: wrap; margin: 18px 0 6px; font-size: 12px; color: #697b8d; }
.stack-legend > span { display: inline-flex; align-items: center; gap: 6px; }
.stack-legend i { width: 9px; height: 9px; border-radius: 2px; }
.stack-legend .income-key { background: #d8e3ec; }
.stack-legend .expense-key { background: #7b94a6; }
.analysis-panel .chart-note { margin: 12px 0 0; color: #8291a2; line-height: 1.8; font-size: 12px; }
.cashflow-chart { display: block; width: 100%; min-width: 660px; }
.chart-label { font-size: 11px; fill: #8291a2; }
.chart-gridline { fill: none; stroke: #e9eef3; stroke-dasharray: 3 3; }
.review-items > div + div { border-top: 1px solid #edf1f5; margin-top: 15px; padding-top: 15px; }
.review-items h3 { font-size: 13px; font-weight: 500; color: #718096; margin: 0 0 8px; }
.review-items p, .payment-analysis p { display: flex; gap: 12px; justify-content: space-between; align-items: baseline; font-size: 14px; margin: 5px 0; }
.review-items strong { font-size: 16px; font-weight: 600; white-space: nowrap; }
.review-items small { font-size: 12px; color: #8291a2; line-height: 1.8; }
.simulation-controls { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.simulation-controls label { font-size: 12px; color: #718096; }
.simulation-controls select { margin-top: 8px; font-size: 14px; }
.simulation-controls input[type=range] { display: block; width: 100%; padding: 0; margin-top: 15px; accent-color: #7b94a6; }
.simulation-result { display: flex; flex-wrap: wrap; gap: 22px; padding: 22px 0 12px; }
.simulation-result small { display: block; color: #718096; font-size: 12px; margin-bottom: 8px; }
.simulation-result strong { font-size: 24px; font-weight: 600; color: #405d73; font-variant-numeric: tabular-nums; }
.analysis-panel .row { margin-top: 16px; gap: 12px; flex-wrap: wrap; }
.payment-analysis > div { margin-bottom: 20px; }
.payment-analysis progress { width: 100%; height: 7px; accent-color: #9dbacb; }
.monthly-details { margin-top: 20px; font-size: 13px; }
@media (max-width: 1000px) { .analysis-grid { grid-template-columns: minmax(0, 1fr); gap: 0; } }
@media (max-width: 700px) {
  .analysis-panel .panel-head, .analysis-panel .panel-body { padding: 16px 14px; }
  .dashboard-filters { gap: 8px; }
  .dashboard-filters select { min-width: 0; flex: 1 1 120px; }
  .analysis-table { min-width: 600px; }
  .analysis-grid .analysis-table { min-width: 330px; }
  .simulation-result strong { font-size: 22px; }
  .year-picker .period-input { width: 78px; }
}
.sidebar {
  display: flex;
}
.sidebar .brand {
  align-items: center;
}
.topbar .breadcrumbs {
  margin-right: auto;
}
.topbar .top-actions {
  margin-left: auto;
}
.content {
  width: 100%;
}
.content .panel.home-panel {
  padding: 0;
  margin: 0;
}
.home-panel h2 {
  margin: 0;
}
.home-panel canvas {
  display: block;
  max-width: 100%;
}
.trend-canvas {
  width: 100%;
  height: auto;
}
.donut-canvas {
  width: 150px;
  height: 150px;
  flex: none;
}
.chart-grid {
  align-items: stretch;
}
.donut-row {
  padding-top: 10px;
}
.category-legend {
  flex: 1;
}
.legend-line .amount {
  margin-left: auto;
  white-space: nowrap;
}
.category-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  flex: none;
  margin-right: 5px;
}
.category-color-0 {
  background: #7b94a6;
}
.category-color-1 {
  background: #a6b7c1;
}
.category-color-2 {
  background: #c2b8a7;
}
.category-color-3 {
  background: #cbd1d5;
}
.category-color-4 {
  background: #e2e7e9;
}
.home-lower {
  display: grid;
  grid-template-columns: minmax(0, 1.9fr) minmax(250px, 1fr);
  gap: 22px;
  margin-top: 24px;
}
.home-lower > section {
  min-width: 0;
}
.section-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
}
.section-heading h2 {
  margin: 0;
}
.budget-line {
  padding: 12px 18px;
  border-bottom: 1px solid var(--line);
}
.budget-line .row {
  justify-content: space-between;
  font-size: 12px;
  margin-bottom: 8px;
}
.budget-line progress {
  accent-color: #a1b7c7;
}
.budget-line .over {
  color: #aa7954;
}
.ledger {
  table-layout: fixed;
}
.ledger th {
  font-size: 11px;
}
.ledger td {
  font-size: 15px;
}
.ledger input:not([type="checkbox"]),
.ledger select {
  font-size: 15px;
}
.ledger input[type="date"] {
  font-size: 13px;
}
.recent-table {
  border-collapse: collapse;
  width: 100%;
  min-width: 480px;
  font-size: 14px;
}
.recent-table th {
  text-align: left;
  color: #8997a7;
  font-size: 12px;
  font-weight: 500;
  background: #fafbfd;
  padding: 12px 16px;
}
.recent-table td {
  padding: 12px 16px;
  height: 60px;
  border-top: 1px solid var(--line);
  white-space: nowrap;
}
.recent-table .num {
  text-align: right;
}
.recent-name {
  display: flex;
  align-items: center;
  gap: 11px;
  background: transparent;
  border: 0;
  padding: 0;
  font: inherit;
}
.recent-name .merchant-icon {
  display: inline-grid;
  place-items: center;
}
.content .panel:not(.home-panel) h2 {
  margin-bottom: 16px;
}
.content .fields {
  align-items: flex-end;
}
.content .bulk input {
  min-width: 100px;
  max-width: 180px;
}
dialog {
  padding: 25px;
}
dialog button, dialog input, dialog select { font-size:13px; }
dialog .fields {
  align-items: flex-end;
}
.mobile-nav button {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
}
.login {
  padding: 30px;
  max-width: 390px;
}
.login .brand {
  padding: 0;
  margin-bottom: 20px;
}
/* Compact ledger: one set of columns and controls for draft and saved rows. */
.content .btn,
.content button,
.content input,
.content select {
  font-size: 13px;
}
.content .page-heading h1 {
  font-size: 23px;
}
.content .ledger {
  min-width: 1450px;
  width: 100%;
  table-layout: fixed;
}
.content .ledger th {
  width: auto;
  padding: 9px 5px;
  font-size: 11px;
}
.content .ledger td {
  padding: 3px 4px;
  height: 43px;
  font-size: 14px;
}
.content .ledger input:not([type="checkbox"]),
.content .ledger select {
  min-height: 32px;
  height: 32px;
  padding: 4px 2px;
  font-size: 14px;
}
.content .ledger input[type="date"] {
  font-size: 12px;
}
.content .ledger .col-check {
  width: 28px;
}
.content .ledger .col-date {
  width: 124px;
}
.content .ledger .col-name {
  width: 195px;
}
.content .ledger .col-kind {
  width: 80px;
}
.content .ledger .col-payment {
  width: 82px;
}
.content .ledger .col-cardName {
  width: 130px;
}
.content .ledger .col-event {
  width: 118px;
}
.content .ledger .col-category {
  width: 110px;
}
.content .ledger .col-amount {
  width: 95px;
}
.content .ledger .col-owner {
  width: 136px;
}
.content .ledger .col-subject {
  width: 105px;
}
.content .ledger .col-rate {
  width: 65px;
}
.content .ledger .col-action {
  width: 65px;
}
.content .ledger th:last-child,
.content .ledger td:last-child {
  position: sticky;
  right: 0;
  z-index: 2;
  background: #fff;
  box-shadow: -2px 0 4px #33415508;
  text-align: center;
}
.content .ledger th:last-child { background:#fafcfd; }
.content .ledger .draft-row td:last-child { background:#f7fafc; }
.content .ledger .row-choices {
  display: flex;
  gap: 1px;
  align-items: center;
}
.content .ledger .row-choices button {
  min-height: 29px;
  border: 0;
  border-radius: 4px;
  padding: 3px 5px;
  background: transparent;
  font-size: 12px;
  font-weight: 400;
  white-space: nowrap;
  color: #9aa6b2;
}
.content .ledger .row-choices button.selected {
  background: #eaf1f6;
  color: #465e72;
  font-weight: 550;
}
.content .ledger .row-choices button:disabled {
  cursor: default;
  opacity: 0.4;
}
.record-cell {
  display: flex;
  align-items: center;
  gap: 1px;
}
.content .ledger .record-cell button {
  padding: 3px 4px;
}
.content .ledger .settlement-button {
  border: 0;
  padding: 3px 4px;
  min-height: 29px;
  font-size: 11px;
  color: #607b8e;
  background: #f0f4f7;
}
.content .ledger .confirm-row {
  padding: 4px 8px;
  min-height: 29px;
  font-size: 12px;
  background: #eaf1f6;
  border: 1px solid #d8e3ec;
}
.content .ledger .draft-row {
  background: #f7fafc;
}
.draft-error {
  color: #a54d48;
  margin: 5px 0;
  font-size: 12px;
}
.draft-error:empty {
  display: none;
}
.content.ledger-page {
  padding-top: 17px;
}
.ledger-page .page-heading {
  margin-bottom: 9px;
  align-items: center;
}
.ledger-page .eyebrow,
.ledger-page .subtitle {
  display: none;
}
.ledger-page .page-heading h1 {
  font-size: 22px;
}
.ledger-page .period-bar {
  margin: 5px 0 9px;
  gap: 6px;
}
.ledger-page .period-input {
  font-size: 14px;
}
.ledger-page .segmented button {
  font-size: 12px;
  padding: 4px 9px;
}
.ledger-page .filters {
  gap: 6px;
  margin: 7px 0;
}
.ledger-page .filters input,
.ledger-page .filters select {
  min-height: 32px;
  height: 32px;
  padding: 4px 7px;
  font-size: 12px;
}
.ledger-page .filters input[type="search"] {
  width: 200px;
}
.ledger-page .ledger-summary {
  margin: 7px 0 10px;
  padding: 7px 11px;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}
.ledger-page .ledger-summary small {
  font-size: 11px;
}
.folder-settings {
  margin: 8px 0;
}
#folder-form {
  padding: 10px 0;
}
#folder-form label {
  flex: 1;
  min-width: 250px;
}
#folder-form input {
  width: 100%;
}
.delete-transaction {
  margin-left: auto;
  color: #a66d6a;
  font-size: 12px;
}
@media (max-width: 1000px) {
  .home-lower {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 700px) {
  .sidebar:not(.open) {
    visibility: hidden;
  }
  .sidebar.open {
    visibility: visible;
  }
  .content .page-heading {
    align-items: flex-start;
  }
  .content .heading-actions {
    flex-direction: column;
  }
  .breadcrumbs {
    gap: 7px;
  }
  .top-actions {
    gap: 7px;
  }
  .top-actions .btn {
    font-size: 11px;
  }
  .period-bar {
    align-items: flex-start;
  }
  .period-switch {
    flex-wrap: wrap;
    gap: 5px;
  }
  .period-bar > .segmented {
    margin-left: auto;
  }
  .home-lower {
    gap: 20px;
  }
  .content .bulk input {
    max-width: 100%;
  }
  .login {
    margin: 7vh auto;
  }
}

.redesign-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.redesign-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(250px,1fr);gap:20px}.redesign-tabs{display:flex;gap:12px;margin:20px 0;border-bottom:1px solid #e5ebf1;padding-bottom:10px}.redesign-tabs .active{border-bottom:2px solid #7895b4;color:#456b88}.redesign-donut-row{display:grid;grid-template-columns:200px minmax(0,1fr);gap:20px;align-items:center}.redesign-donut{position:relative;width:200px;height:200px}.redesign-donut svg{width:100%;height:100%}.redesign-donut>div{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none}.redesign-donut strong{font-size:21px}.redesign-donut small{font-size:12px;color:#718096}.redesign-category .analysis-link{display:grid;grid-template-columns:10px minmax(70px,1fr) auto 40px 8px;gap:8px;align-items:center;width:100%;font-size:14px;padding:12px 0;border-bottom:1px solid #edf1f5}.redesign-color{width:9px;height:9px;border-radius:50%}.redesign-category small{font-size:11px;color:#718096;text-align:right}.redesign-category strong{white-space:nowrap}.redesign-budget{margin-bottom:18px}.redesign-budget>div{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px}.redesign-budget progress{width:100%;height:8px;accent-color:#91adbf}.redesign-budget small{font-size:11px;color:#718096}.redesign-daily{width:100%;display:block}.redesign-daily text{font-size:12px;fill:#718096}.redesign-donut circle{transition:stroke-width .2s}.redesign-category:hover{background:#f5f8fa}.redesign-tabs button{transition:background .18s}
@media(max-width:1200px){.redesign-grid{grid-template-columns:1fr}.redesign-donut-row{grid-template-columns:200px minmax(0,1fr)}}
@media(max-width:600px){.redesign-donut-row{grid-template-columns:1fr;justify-items:center}.redesign-categories{width:100%}.redesign-tabs{gap:5px;flex-wrap:wrap}.redesign-kpis .kpi-value{font-size:21px}.redesign-kpis .kpi{padding:13px 9px}.redesign-kpis .kpi-foot{font-size:11px}.redesign-kpis .kpi-label{font-size:11px}}
@media(prefers-reduced-motion:reduce){.redesign-donut circle,.redesign-tabs button{transition:none}}

.target-form{display:flex;flex-wrap:wrap;gap:14px;align-items:end}.target-form label{display:grid;gap:5px;font-size:12px;color:#718096}.target-form input,.target-form select{max-width:100%;font-size:14px}.target-result{display:flex;flex-wrap:wrap;gap:12px;padding:16px 0;border-top:1px solid #edf1f5}.target-result p,.target-result small{width:100%;font-size:12px;color:#718096}

dialog.redesign-details{margin:0 0 0 auto;height:100%;max-height:100%;width:460px;max-width:100%;border-radius:0;border:0;padding:26px;animation:drawer-enter .2s ease-out}.drawer-total{font-size:30px;display:block;margin:16px 0}.drawer-record{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid #e5ebf1}.drawer-record small{display:block;font-size:12px;color:#718096}.drawer-record strong{white-space:nowrap}.drawer-records{margin:14px 0}.redesign-details small{color:#718096}@keyframes drawer-enter{from{transform:translateX(28px)}to{transform:translateX(0)}}@media(prefers-reduced-motion:reduce){dialog.redesign-details{animation:none}}

.redesign-grid{align-items:start}.redesign-donut svg circle[data-donut-category]{cursor:pointer}.redesign-donut svg circle[data-donut-category]:hover{stroke-width:28}.redesign-daily{max-height:230px}

/* Compact spending overview: keep the chart prominent beside long category lists. */
.redesign-donut-row{grid-template-columns:minmax(280px,38%) minmax(0,1fr);align-items:start;gap:24px}
.redesign-donut{width:100%;height:auto;aspect-ratio:1;max-width:380px;margin:0 auto}
.redesign-donut strong{font-size:24px}.redesign-donut>div{inset:0}
.redesign-category .analysis-link{min-height:32px;padding:5px 0;gap:7px;font-size:14px;line-height:1.45}
.analysis-table th{padding:8px 10px}.analysis-table td{padding:7px 10px;line-height:1.4}
.analysis-table td small{display:inline;margin-left:8px;margin-top:0;font-size:11px}
.analysis-table .analysis-link{min-height:24px;line-height:1.4}
.analysis-panel .panel-head{padding:14px 18px}.analysis-panel .panel-body{padding:14px 18px}
@media(max-width:850px){.redesign-donut-row{grid-template-columns:minmax(230px,36%) minmax(0,1fr);gap:18px}.redesign-donut strong{font-size:22px}}
@media(max-width:600px){.redesign-donut-row{grid-template-columns:1fr;gap:12px}.redesign-donut{width:min(100%,300px)}.redesign-category .analysis-link{min-height:38px;padding:5px 0}.analysis-panel .panel-head,.analysis-panel .panel-body{padding:12px 14px}.analysis-table td small{margin-left:5px}}

.redesign-kpis .kpi{min-height:112px;padding:14px 18px}
@media(max-width:900px){.redesign-donut-row{grid-template-columns:1fr;justify-items:center;gap:12px}.redesign-donut{width:min(100%,320px)}.redesign-categories{width:100%}}
@media(max-width:600px){.redesign-kpis .kpi{padding:12px 9px}}

/* One collapsible menu across desktop, tablet and phone. */
.mobile-menu { display: inline-grid; }
.sidebar { overflow-y: auto; }
.sidebar:not(.open) { visibility: hidden; transform: translateX(-100%); }
.sidebar.open { visibility: visible; transform: translateX(0); }
.shell.menu-collapsed { margin-left: 0; }
.sidebar-close { display: none; }
.topbar .breadcrumbs { min-width: 0; overflow: hidden; white-space: nowrap; }
.topbar .breadcrumbs > span:last-child { overflow: hidden; text-overflow: ellipsis; }
.topbar .top-actions { flex: none; }
.review-button { position: relative; }
.review-button > span { position: absolute; top: -5px; right: -5px; min-width: 17px; padding: 0 3px; border-radius: 9px; background: #e7eef4; color: #48647a; font-size: 10px; line-height: 17px; }
.review-notices { font-size: 14px; }
.review-notices p { margin-bottom: 7px; }
.redesign-kpis .kpi { min-width: 0; }
.kpi-value { display: flex; align-items: baseline; gap: 4px; min-width: 0; }
.kpi-value .currency { flex: none; margin-right: 0; }
.kpi-number { flex: none; white-space: nowrap; }
@media (max-width: 1000px) {
  .shell { margin-left: 0; }
  .sidebar { width: min(260px, 85vw); padding-top: 52px; }
  .sidebar-close { display: inline-grid; position: absolute; top: 12px; right: 12px; }
  .screen-overlay.show { display: block; position: fixed; inset: 0; background: #1e2a4955; z-index: 29; }
  body:has(.screen-overlay.show) { overflow: hidden; }
}
@media (max-width: 700px) {
  .content { padding-bottom: 28px; }
  .topbar { gap: 8px; padding-inline: 12px; }
  .top-actions { gap: 8px; }
  .top-actions .save-status { display: none; }
  .breadcrumbs > span:not(:last-child) { display: none; }
  .redesign-kpis { grid-template-columns: minmax(0, 1fr); gap: 9px; }
  .redesign-kpis .kpi { min-height: 0; padding: 12px 16px; }
  .redesign-kpis .kpi-top { margin-bottom: 4px; min-height: 0; }
  .redesign-kpis .kpi-value { font-size: 26px; }
  .redesign-kpis .kpi-foot { margin-top: 4px; }
}