/* The value page. One number at the top, the shape of the year under it, and
   the prices in a card at the bottom where they belong — not scattered through
   the app where nobody can find them twice. */

.vm{max-width:720px;margin:0 auto;padding:0 0 40px}

.vm-hero{
  background:radial-gradient(120% 100% at 88% 0%, rgba(228,197,91,.20), rgba(228,197,91,0) 62%),
             linear-gradient(160deg,#124A37,#0A3024);
  color:#F3EFE2;border-radius:18px;padding:18px;margin:0 0 14px
}
.vm-hero__k{font:800 .6rem/1 var(--sans,system-ui);letter-spacing:.16em;text-transform:uppercase;color:#9FC0AE}
.vm-hero__big{font-family:var(--serif);font-size:2.4rem;line-height:1.05;margin:8px 0 10px;letter-spacing:-.01em}
.vm-hero__big.is-up{color:#F2D477}
.vm-hero__big.is-down{color:#F0A99A}
.vm-hero__row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.vm-hero__row span{display:block;font-size:.64rem;letter-spacing:.06em;text-transform:uppercase;color:#9FC0AE}
.vm-hero__row b{display:block;margin-top:2px;font:800 .95rem/1.2 var(--sans,system-ui);color:#F6F1E2}
.vm-note{margin:10px 0 0;font-size:.72rem;line-height:1.5;color:#C9D8CC}

.vm-sec{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;margin:0 0 12px;box-shadow:var(--shadow)}
.vm-h{font-family:var(--serif);font-size:1.05rem;margin:0 0 10px;color:var(--green)}

/* the shape of the season */
.vm-bars{display:grid;grid-template-columns:repeat(12,1fr);gap:3px;align-items:end;height:64px}
.vm-bar{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:1px;height:64px}
.vm-bar__c{width:100%;background:#D9C7A6;border-radius:2px 2px 0 0;min-height:1px}
.vm-bar__i{width:100%;background:#2F7D4F;border-radius:2px 2px 0 0;min-height:1px}
.vm-bar span{font-size:.55rem;color:#8A958C;margin-top:2px}
.vm-legend{margin:8px 0 0;font-size:.66rem;color:#8A958C;display:flex;gap:12px;align-items:center}
.vm-legend i{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:4px}
.vm-legend .is-cost{background:#D9C7A6}
.vm-legend .is-income{background:#2F7D4F}

/* one enterprise a row */
.vm-row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--line)}
.vm-row:first-of-type{border-top:0}
.vm-row__h b{display:block;font:800 .88rem/1.25 var(--sans,system-ui);color:var(--ink)}
.vm-row__h span{display:block;margin-top:2px;font-size:.72rem;color:#8A958C}
.vm-row__m{text-align:right;flex:none}
.vm-row__m b{display:block;font:800 .95rem/1.1 var(--sans,system-ui)}
.vm-row__m b.is-up{color:#1F6B45}
.vm-row__m b.is-down{color:#A33B2A}
.vm-row__m span{display:block;margin-top:2px;font-size:.68rem;color:#8A958C}

/* the prices */
.vm-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.vm-grid--ent{margin-bottom:9px}
.vm-f{display:block}
.vm-f span{display:block;font:700 .66rem/1.25 var(--sans,system-ui);color:#52604F;margin:0 0 4px}
.vm-i{width:100%;box-sizing:border-box;border:1px solid #D8D2C3;background:#FDFBF5;border-radius:9px;padding:8px 9px;font:700 .84rem/1.2 var(--sans,system-ui);color:var(--ink)}
.vm-i:focus{outline:2px solid #BFD8C6;outline-offset:1px;border-color:#9CBCA6}
.vm-src{margin:10px 0 0;font-size:.68rem;line-height:1.55;color:#8A958C}

/* the line that appears inside other pages */
.vm-chip{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin:10px 0 0;padding:10px 12px;border-radius:12px;
  background:#F4F0E1;border:1px solid #E3D9BF;border-left:4px solid #C8922A;
  text-decoration:none;color:inherit;width:100%;box-sizing:border-box;cursor:pointer;text-align:left
}
.vm-chip b{display:block;font:800 .82rem/1.2 var(--sans,system-ui);color:#5B4508}
.vm-chip span{display:block;margin-top:2px;font-size:.7rem;color:#6B5A22}
.vm-chip i{font-style:normal;font:800 .72rem/1 var(--sans,system-ui);color:#8C6A12;flex:none}

/* the door from the money tab */
.vm-entry{
  display:flex;align-items:center;gap:12px;width:100%;box-sizing:border-box;
  margin:0 0 14px;padding:14px;border-radius:16px;border:1px solid #12402F;
  background:linear-gradient(150deg,#124A37,#0C3527);color:#F3EFE2;cursor:pointer;text-align:left
}
.vm-entry__b{width:38px;height:38px;flex:none;border-radius:11px;display:grid;place-items:center;background:#E4C55B;color:#3A2E0C;font:800 .95rem/1 var(--serif)}
.vm-entry__t{flex:1 1 auto;min-width:0}
.vm-entry__t b{display:block;font:800 .88rem/1.25 var(--sans,system-ui)}
.vm-entry__t span{display:block;margin-top:2px;font-size:.72rem;color:#C9D8CC}
.vm-entry__g{flex:none;font:800 .74rem/1 var(--sans,system-ui);color:#E4C55B}