/* Calculatorul de profit (/calculator/, /en/calculator/). Culorile = tokenurile din style.css (:root). */
.calc-page .container { max-width: var(--max); }
.calc-grid { display: grid; gap: 22px; margin-top: 28px; }
@media (min-width: 960px) { .calc-grid { grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); align-items: start; } }
.calc-panel { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 20px; min-width: 0; }
.calc-panel fieldset { border: 0; margin: 0; padding: 0; display: grid; gap: 12px; min-width: 0; }
.calc-panel fieldset + fieldset { margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--border); }
.calc-panel legend { font-weight: 700; margin-bottom: 10px; padding: 0; }
.calc-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.calc-row3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
@media (max-width: 560px) { .calc-row3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.calc-panel label { display: grid; gap: 5px; font-size: .9rem; color: var(--muted); min-width: 0; }
.calc-panel label b { color: var(--text); font-weight: 600; }
.calc-panel input { width: 100%; min-height: 48px; border-radius: 12px; border: 1px solid var(--border); background: var(--navy); color: var(--text);
  font: 600 1.05rem var(--font); font-variant-numeric: tabular-nums; padding: 0 12px; }
.calc-panel input:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
.calc-panel input[aria-invalid="true"] { border-color: var(--bad); }
.calc-hint { font-size: .85rem; color: var(--muted); margin: 0; }
.calc-thr { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr) minmax(0, 1fr); gap: 10px; align-items: end; }
.calc-thr .calc-name { font-weight: 600; color: var(--text); font-size: .9rem; padding-bottom: 13px; }
.calc-result { display: grid; gap: 14px; }
@media (min-width: 960px) { .calc-result { position: sticky; top: 88px; } }
.calc-band { border: 3px solid var(--good); border-radius: var(--radius); background: #070b1d; padding: 14px 16px; display: grid; gap: 10px; }
.calc-band[data-v="1"] { border-color: var(--mid); }
.calc-band[data-v="0"] { border-color: var(--bad); }
.calc-band[data-v="-1"] { border-color: var(--border); }
.calc-head { display: flex; justify-content: space-between; gap: 12px; align-items: flex-start; }
.calc-verdict { font-family: "Barlow Semi Condensed", var(--font); font-weight: 700; font-size: 1.75rem; line-height: 1; color: var(--good); }
.calc-band[data-v="1"] .calc-verdict, .calc-band[data-v="1"] .calc-big b { color: var(--mid); }
.calc-band[data-v="0"] .calc-verdict, .calc-band[data-v="0"] .calc-big b { color: var(--bad); }
.calc-band[data-v="-1"] .calc-verdict, .calc-band[data-v="-1"] .calc-big b { color: var(--muted); }
.calc-sub { font-size: .9rem; color: var(--muted); margin: 4px 0 0; font-variant-numeric: tabular-nums; }
.calc-big { text-align: right; }
.calc-big small { display: block; font-size: .8rem; color: var(--muted); }
.calc-big b { font-size: 2.5rem; line-height: 1; color: var(--good); font-variant-numeric: tabular-nums; }
.calc-cells { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; margin: 0; }
.calc-cells div { background: var(--navy); border-radius: 10px; padding: 7px 9px; min-width: 0; }
.calc-cells dt { font-size: .8rem; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.calc-cells dd { margin: 0; font-size: 1.1rem; font-weight: 700; font-variant-numeric: tabular-nums; }
.calc-cells .calc-keep { grid-column: span 2; }
.calc-why { margin: 0; padding-left: 1.1em; font-size: .9rem; color: var(--muted); display: grid; gap: 2px; }
.calc-lvl { font-weight: 700; }
.calc-l2 { color: var(--good); } .calc-l1 { color: var(--mid); } .calc-l0 { color: var(--bad); }
.calc-cta { border: 1px solid var(--blue-ring); border-radius: var(--radius); padding: 18px; display: grid; gap: 10px;
  background: linear-gradient(135deg, var(--deep), var(--surface) 75%); }
.calc-cta h2 { margin: 0; font-size: 1.15rem; }
.calc-cta p { margin: 0; color: var(--muted); }
.calc-how { margin-top: 40px; max-width: 820px; display: grid; gap: 12px; }
.calc-how ul { color: var(--muted); display: grid; gap: 4px; }
.calc-how details { background: var(--surface); border: 1px solid var(--border); border-radius: 14px; padding: 0 16px; }
.calc-how summary { cursor: pointer; font-weight: 700; padding: 14px 0; min-height: 48px; }
.calc-how details p { margin: 0 0 14px; color: var(--muted); }