/* Herald · Sous — app tweaks. Base in glass-core.css.
   Big, glanceable, high-contrast for the see-through display. */

.so-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px 12px;
}
.so-row .row-icon { color: #6affb4; }
.so-foot {
  flex-shrink: 0;
  text-align: center;
  font-size: 12px;
  color: var(--text-muted);
  padding: 6px 0 2px;
}

/* full-bleed cook view */
.so-cook {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 26px;
  text-align: center;
}
.so-top {
  position: absolute;
  top: 20px; left: 0; right: 0;
  display: flex;
  justify-content: space-between;
  padding: 0 28px;
  font-size: 15px;
  font-weight: 800;
}
.so-rname { color: var(--text-secondary); max-width: 60%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.so-prog { color: #6affb4; }
.so-step {
  font-size: 34px;
  line-height: 1.28;
  font-weight: 800;
  color: var(--text-primary);
  letter-spacing: -0.3px;
  max-width: 94%;
}
.so-ing-h {
  font-size: 18px;
  font-weight: 800;
  color: #6affb4;
  margin-bottom: 8px;
}
.so-ing {
  font-size: 22px;
  line-height: 1.4;
  font-weight: 600;
  color: var(--text-primary);
}
.so-timer {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}
.so-timer.hidden { display: none; }
.so-tval {
  font-size: 40px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  color: #ffd166;
}
.so-timer.done .so-tval { color: #6affb4; }
.so-tst { font-size: 14px; font-weight: 700; color: var(--text-muted); }
.so-hint {
  position: absolute;
  bottom: 24px; left: 0; right: 0;
  font-size: 14px;
  font-weight: 700;
  color: var(--text-muted);
}