.pro-entry,.pro-result-top,.pro-balance{display:grid;grid-template-columns:minmax(240px,310px) minmax(0,1fr);gap:18px;align-items:stretch;margin-bottom:18px}
.pro-entry>.panel,.pro-result-top>.panel,.pro-balance>.panel{margin:0;min-width:0}.pro-entry .panel-head{padding:16px 18px;gap:10px}.pro-entry h2{font-size:15px}.pro-product-panel{background:var(--green);color:#fff;border-color:var(--green)}.pro-product-panel .panel-head{border-color:#ffffff26}.pro-input-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px 18px}.pro-input-grid .field{min-width:0;gap:5px}.pro-input-grid .field:nth-child(-n+2){grid-column:1/-1}.pro-input-grid label{color:#e2eee5}.pro-input-grid input,.pro-input-grid select{padding:8px 9px;width:100%;font-size:12px}.pro-input-grid input[type=number]{text-align:right}#pro-save-status{grid-column:1/-1;font-size:10px;color:#d7e9dc;line-height:1.4}#pro-save-status.error-text{color:#ffdbbd}.pro-characteristics-panel{display:flex;flex-direction:column}.pro-characteristics-panel .panel-head small{display:block;margin-top:5px;font-size:10px;color:var(--muted)}.pro-characteristics-panel .btn{padding:8px 10px;font-size:11px;min-height:32px;white-space:nowrap}.pro-characteristics{padding:18px;flex:1;min-width:0}.pro-element-inputs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.pro-extra-inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;border-top:1px solid var(--line);padding-top:14px;margin-top:16px;max-width:440px}.pro-characteristics .field{min-width:0;gap:6px}.pro-characteristics label{font-size:11px;color:var(--green);white-space:nowrap}.pro-characteristics label small{font-weight:400;font-size:10px}.pro-characteristics input{width:100%;padding:9px 7px;text-align:right;font-size:12px;font-variant-numeric:tabular-nums}.pro-characteristics input[type=text]{text-align:left}.pro-characteristics input::placeholder{font-size:10px}.pro-characteristics-panel .panel-foot{padding:10px 18px;font-size:10px;line-height:1.5;gap:4px}.pro-calculate{justify-content:flex-end;margin:0 0 20px}.pro-calculate .btn{min-width:140px}
.pro-costs{display:block}.pro-costs dl{margin:0;padding:8px 18px}.pro-costs dl>div{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid var(--line)}.pro-costs dl>div:last-child{border:0}.pro-costs dt{font-size:11px;color:var(--muted);line-height:1.45;max-width:170px}.pro-costs dd{margin:0;color:var(--green);font-weight:700;font-size:20px;white-space:nowrap;font-variant-numeric:tabular-nums}.pro-costs dd small{display:block;text-align:right;font-weight:400;font-size:10px;margin-top:3px}.pro-costs .pro-investment dd{font-size:25px}.pro-result-top .panel-head,.pro-balance .panel-head{padding:16px 18px}.pro-result-top h2,.pro-balance h2{font-size:15px}.pro-scale{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:26px 20px 20px;row-gap:10px}.pro-scale-labels,.pro-scale-band{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.pro-scale-labels span{text-align:center;padding:0 5px;font-size:11px;color:var(--muted);line-height:1.4}.pro-scale-labels .current{color:var(--green);font-weight:750}.pro-scale-band{height:32px;border-radius:5px;overflow:hidden}.pro-scale-segment{border-right:2px solid #fff}.pro-scale-segment:last-child{border:0}.segment-0{background:#dfc47c}.segment-1{background:#c9cf8f}.segment-2{background:#a1bf89}.segment-3{background:#568c63}.segment-4{background:#24573e}.pro-scale-pointer{grid-row:3;display:flex;align-items:center;flex-direction:column;gap:7px;color:var(--green);text-align:center;font-size:11px}.pro-scale-pointer svg{display:block;width:32px;height:32px;fill:currentColor}.pro-organic-matter{background:var(--green);border-color:var(--green);color:#fff}.pro-organic-matter .panel-head{border-color:#ffffff26}.pro-organic-matter .panel-body{padding:22px 18px}.pro-organic-matter .panel-body>strong{font-size:34px;display:block;letter-spacing:-.6px;font-variant-numeric:tabular-nums}.pro-organic-matter strong small{display:block;font-size:12px;font-weight:400;letter-spacing:0;margin-top:5px}.pro-organic-matter p{font-size:12px;margin:22px 0}.pro-organic-matter .panel-body>small{font-size:10px;color:#d7e9dc;line-height:1.5}.pro-nutrients table{table-layout:fixed;min-width:560px}.pro-nutrients th,.pro-nutrients td{text-align:center;padding:14px 8px;font-size:12px}.pro-nutrients th:first-child{width:110px;text-align:left;font-size:11px}.pro-nutrients th small{display:block;font-weight:400;font-size:10px;margin-top:4px}.pro-nutrients .nutrient-name{min-width:0;padding:6px 5px;font-size:10px}.pro-nutrients .positive-advice{background:var(--green);color:#fff;font-weight:650}.pro-nutrients .panel-foot{padding:12px 18px;line-height:1.5;font-size:10px}.pro-reference>summary{padding:15px 18px}.pro-reference .panel-body{padding-top:0}.pro-reference p{font-size:12px;color:var(--muted);line-height:1.7}
@media(max-width:1200px){.pro-entry,.pro-result-top,.pro-balance{grid-template-columns:minmax(220px,260px) minmax(0,1fr);gap:14px}.pro-element-inputs{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:12px}.pro-extra-inputs{margin-top:12px;padding-top:12px}.pro-scale-labels span{font-size:10px}.pro-characteristics label{font-size:10px}}
@media(max-width:850px){.pro-entry,.pro-result-top,.pro-balance{grid-template-columns:1fr}.pro-input-grid{grid-template-columns:1fr 1fr}.pro-input-grid .field:nth-child(-n+2){grid-column:auto}.pro-product-panel #pro-save-status{grid-column:1/-1}.pro-costs dl{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pro-costs dl>div{display:block;border:0}.pro-costs dt{min-height:34px}.pro-costs dd{margin-top:8px;font-size:22px}.pro-costs dd small{display:inline;text-align:left}.pro-costs .pro-investment dd{font-size:22px}.pro-organic-matter strong small{display:inline;margin-left:8px}.pro-organic-matter p{margin:14px 0}}
@media(max-width:480px){.pro-input-grid .field:nth-child(-n+2){grid-column:1/-1}.pro-entry .panel-head{flex-wrap:wrap}.pro-scale{margin:20px 10px}.pro-scale-labels span{font-size:9px;padding:0 3px}.pro-scale-pointer{font-size:10px}.pro-scale-band{height:25px}.pro-scale-pointer svg{width:28px;height:28px}.pro-costs dl{display:block}.pro-costs dl>div{display:flex;border-bottom:1px solid var(--line)}.pro-costs dt{min-height:0}.pro-costs dd{margin:0}.pro-calculate .btn{width:100%}.pro-organic-matter .panel-body>strong{font-size:30px}.pro-extra-inputs{max-width:none}}