/* Вкладка «Операции» */
.summary { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 0 0 12px; }
.summary > div { background: var(--card); border-radius: var(--radius); padding: 10px 14px; box-shadow: var(--shadow); }
.summary .label { font-size: 13px; color: var(--hint); }
.summary .value { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 19px; font-weight: 700; letter-spacing: -.02em; margin-top: 1px; }
.summary .wide { grid-column: span 2; display: flex; justify-content: space-between; align-items: center; }
.summary .wide .value { font-size: 17px; margin: 0; }

.search {
  display: flex;
  align-items: center;
  gap: 6px;
  background: var(--fill);
  border-radius: 10px;
  padding: 0 8px;
  margin-bottom: 10px;
}
.search svg { width: 17px; height: 17px; fill: none; stroke: var(--hint); stroke-width: 2.2; stroke-linecap: round; flex-shrink: 0; }
.search input { flex: 1; border: 0; outline: 0; background: none; height: 36px; min-width: 0; font-size: 17px; }
.search input::placeholder { color: var(--hint); }

.chips { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 10px; }
.chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 999px;
  background: var(--card);
  color: var(--text);
  font-size: 14px;
  font-weight: 500;
  box-shadow: var(--shadow);
}
.chip.on { background: var(--blue); color: #fff; }
.chip i { font-style: normal; opacity: .6; }
.tags-row { display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; margin: 0 -16px 10px; padding: 0 16px; }
.tags-row::-webkit-scrollbar { display: none; }
.tags-row .chip { flex-shrink: 0; }

.day-head {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin: 20px 16px 6px;
  font-size: 13px;
  color: var(--hint);
  text-transform: uppercase;
}

.op-amount { font-size: 17px; white-space: nowrap; }
.op-amount.income { color: var(--income); }
.op-amount.transfer { color: var(--hint); }
.op-sub-amount { font-size: 13px; color: var(--hint); }
.tag { color: var(--blue); }

.future .row { opacity: .75; }
.future .ico { filter: saturate(.7); }
.future-head { color: var(--orange); }