/* Пакет 6: захват голосом и фото, «Спроси», вода +250 мл, вес, архив.
   Общие токены (--paper, --ink, --pen, --radius…) — из style.css (пакет 7), здесь только свои элементы. */

:root { --water: #1E7FC2; --weight: #2743C6; }
:root[data-theme="dark"] { --water: #5DB2EE; --weight: #93A7FF; }

.glyph { display: inline-flex; line-height: 0; }

/* ---------- захват ---------- */
.capture-bar { flex-wrap: nowrap; }
.capture-bar .capture-hint { min-width: 0; }
.cap-tools { display: flex; align-items: center; gap: 6px; flex: 0 0 auto; }
.cap-ico {
  width: 44px; padding: 0;
  display: inline-flex; align-items: center; justify-content: center;
  color: var(--ink-2);
}
.cap-ico.rec { color: #fff; background: #C4352B; border-color: #C4352B; }
:root[data-theme="dark"] .cap-ico.rec { background: #E0584D; border-color: #E0584D; color: #10121A; }
.cap-file { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }

/* ---------- спроси ---------- */
.ask-row { display: flex; gap: 8px; }
.ask-row input { flex: 1 1 auto; min-width: 0; }
.ask-row .btn { flex: 0 0 auto; }
.ask-out { margin-top: 8px; }
.ask-card {
  border: 1px solid var(--rule-2);
  border-radius: var(--radius);
  background: var(--paper-2);
  padding: 12px 14px;
}
.ask-q { margin: 0 0 6px; font-size: 12.5px; color: var(--ink-3); }
.ask-a { margin: 0; font-size: 15px; line-height: 1.4; color: var(--ink); white-space: pre-line; font-variant-numeric: tabular-nums; }

/* ---------- вода ---------- */
.water-line { display: flex; justify-content: flex-end; padding: 8px 0 2px; }
.water-add {
  display: inline-flex; align-items: center; gap: 6px;
  color: var(--water); border-color: var(--water);
  font-variant-numeric: tabular-nums;
}
.water-add:active { background: color-mix(in srgb, var(--water) 12%, transparent); }

/* ---------- вес ---------- */
.weight-row { display: flex; align-items: flex-end; gap: 8px; margin-bottom: 12px; }
.weight-row .field { flex: 1 1 auto; }
.weight-row .btn { flex: 0 0 auto; }
.wc-sum { display: flex; gap: 20px; flex-wrap: wrap; margin: 4px 0 6px; font-variant-numeric: tabular-nums; }
.wc-sum b { font-size: 22px; font-weight: 600; color: var(--ink); }
.wc-sum small { font-size: 12.5px; color: var(--ink-3); }
.wc svg { display: block; overflow: visible; }
.wc-grid { stroke: var(--rule); stroke-width: 1; }
.wc-ax { fill: var(--ink-3); font-size: 10px; font-variant-numeric: tabular-nums; font-family: var(--font); }
.wc-line { fill: none; stroke: var(--weight); stroke-width: 1.5; stroke-linejoin: round; opacity: .55; }
.wc-avg { fill: none; stroke: var(--weight); stroke-width: 2.4; stroke-linejoin: round; stroke-linecap: round; }
.wc-dot { fill: var(--weight); }
.wc-legend { margin: 6px 0 0; font-size: 12px; color: var(--ink-3); display: flex; align-items: center; gap: 4px; flex-wrap: wrap; }
.wc-key { display: inline-block; width: 16px; height: 0; border-top: 2.4px solid var(--weight); margin-left: 6px; }
.wc-key:first-child { margin-left: 0; }
.wc-key-line { border-top-width: 1.5px; opacity: .55; }

.disclaimer {
  margin: 4px 0 22px;
  padding: 10px 12px;
  border: 1px solid var(--rule-2);
  border-radius: var(--radius);
  font-size: 12.5px;
  line-height: 1.4;
  color: var(--ink-2);
}

/* ---------- архив ---------- */
.arch-row { cursor: default; align-items: center; }
.arch-row:active { background: none; }
.arch-back { flex: 0 0 auto; min-height: 36px; font-size: 13px; }