/* Scoped additions for the platform recommendation configuration. */
.reco-workspace { --reco-border: #e6ede8; }
.reco-head { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; margin:22px 0 16px; }
.reco-head h2 { margin:0 0 7px; font-size:19px; color:#254631; font-weight:650; }
.reco-head p { margin:0; max-width:760px; color:#7b8b80; font-size:12px; line-height:1.8; }
.reco-head-actions,.reco-preset-actions { display:flex; gap:8px; flex-wrap:wrap; flex-shrink:0; }
.reco-meta { display:flex; flex-wrap:wrap; gap:12px 24px; padding:13px 16px; border:1px solid var(--reco-border); border-radius:7px; margin-bottom:14px; background:#fff; font-size:11px; color:#84928a; }
.reco-meta b { color:#4c6756; font-weight:500; }
.reco-status { color:#28733e; margin:10px 0; font-size:12px; }
.reco-valid,.reco-errors { padding:12px 16px; border:1px solid #d4eadc; border-radius:6px; background:#f1faf4; color:#397449; margin:12px 0 20px; font-size:12px; line-height:1.8; }
.reco-errors { border-color:#eed6d3; background:#fff6f4; color:#a44338; }
.reco-errors ul { padding-left:20px; margin:4px 0 0; }
.reco-bad { color:#bc4b41; }
.reco-pool-tabs { display:flex; padding:16px 20px 0; gap:6px; border-bottom:1px solid var(--reco-border); background:#fff; }
.reco-pool-tabs button { min-width:150px; padding:12px 18px; border:1px solid transparent; border-bottom:0; border-radius:7px 7px 0 0; background:transparent; color:#7a8a80; text-align:left; margin-bottom:-1px; }
.reco-pool-tabs button.active { border-color:#d8e9de; background:#eff9f2; color:#278344; border-bottom:1px solid #eff9f2; font-weight:600; }
.reco-pool-tabs small { display:block; font-size:10px; color:#9aa89f; margin-top:3px; font-weight:400; }
.reco-code { display:inline-block; min-width:31px; padding:2px 5px; margin-right:10px; background:#edf6f0; color:#4c8a60; border-radius:4px; font-size:10px; text-align:center; font-weight:600; }
.reco-weight-table td:first-child { width:64%; }
.reco-weight-table td strong { color:#415d4a; font-weight:500; }
.reco-weight-table .cell-sub { margin-left:43px; margin-top:5px; font-size:10px; color:#95a299; }
.reco-weight-cell { min-width:135px; }
.reco-number-unit { display:flex; width:108px; border:1px solid #dce6df; border-radius:5px; background:#fff; align-items:center; padding-right:10px; color:#8e9c93; }
.reco-number-unit input { border:0; width:79px; padding:7px 9px; background:transparent; min-width:0; border-radius:5px; color:#314d3b; font-variant-numeric:tabular-nums; }
.reco-number-unit input:disabled { background:#f4f7f5; color:#8c9991; }
.reco-weight-track { height:6px; width:100px; background:#eef3f0; border-radius:10px; overflow:hidden; }
.reco-weight-track i { display:block; height:100%; background:#56c478; border-radius:inherit; transition:width .12s; }
.reco-weight-footer { display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; gap:12px; padding:16px 20px; background:#fbfdfb; border-top:1px solid #edf2ef; font-size:11px; }
.reco-weight-footer strong { color:#2d8046; font-size:13px; }
.reco-weight-footer span { color:#8e9c92; }
.reco-inline-note { padding:12px 20px; background:#fffcf5; color:#9a8659; font-size:11px; border-top:1px solid #f0eadc; }
.reco-two-columns { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.reco-two-columns > .panel { align-self:start; }
.reco-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.reco-three-fields { grid-template-columns:repeat(3,minmax(0,1fr)); }
.reco-field { display:block; color:#5e7465; font-size:11px; min-width:0; }
.reco-field > span { display:block; margin-bottom:7px; }
.reco-field input,.reco-field select { display:block; width:100%; height:36px; border:1px solid #dfe7e2; border-radius:5px; background:#fff; padding:7px 10px; font-size:12px; color:#344f3e; font-variant-numeric:tabular-nums; }
.reco-field input:disabled,.reco-field select:disabled { background:#f5f7f6; color:#8c9a91; cursor:not-allowed; }
.reco-field small { display:block; color:#99a59d; font-size:10px; margin-top:6px; line-height:1.7; }
.reco-help { color:#92a096; font-size:11px; line-height:1.9; margin:12px 0; }
.reco-mini-demo { padding:16px; background:#f7faf8; border:1px solid #edf2ee; border-radius:7px; margin-top:18px; }
.reco-mini-demo h4 { margin:0 0 13px; color:#5b7464; font-size:11px; font-weight:600; }
.reco-result { margin-top:16px; color:#6d8675; line-height:1.8; font-size:11px; }
.reco-result strong { display:block; color:#377e4b; font-size:12px; font-weight:500; }
.reco-result span { display:block; margin-top:5px; color:#99a59d; font-size:10px; }
.reco-metric-inputs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-bottom:20px; }
.reco-score-grid { display:grid; grid-template-columns:1fr 1fr 1.25fr; border:1px solid #dceee1; border-radius:8px; background:#f3fbf5; margin:18px 0 12px; }
.reco-score-grid > div { padding:18px 20px; border-right:1px solid #e1eee5; }
.reco-score-grid > div:last-child { border:0; }
.reco-score-grid span { display:block; color:#86a08f; font-size:11px; margin-bottom:10px; }
.reco-score-grid strong { color:#267c42; font-size:27px; font-weight:600; font-variant-numeric:tabular-nums; }
.reco-score-grid strong small { display:inline; color:#8eaa97; font-size:11px; font-weight:400; }
.reco-score-grid b { display:block; color:#4e7a5c; font-size:13px; font-weight:500; }
.reco-score-grid small { display:block; color:#8eaa97; font-size:11px; margin-top:5px; }
.reco-contributions { display:flex; flex-wrap:wrap; gap:8px; font-size:10px; margin:12px 0 18px; color:#7e9285; }
.reco-contributions span { padding:5px 8px; border:1px solid #e8efea; border-radius:4px; background:#fafcfb; }
.reco-contributions b { font-weight:500; color:#487c57; }
.reco-check { display:flex; align-items:flex-start; gap:8px; font-size:11px; line-height:1.8; color:#637c6c; margin:16px 0; }
.reco-check input { flex-shrink:0; accent-color:#2dbf59; margin:4px 0 0; }
.reco-import-toolbar { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin:16px 0; }
.reco-import-toolbar label { cursor:pointer; position:relative; overflow:hidden; }
.reco-import-toolbar label input { opacity:0; position:absolute; inset:0; width:100%; cursor:pointer; }
.reco-import-toolbar label:focus-within { outline:3px solid #55c879; outline-offset:3px; }
.reco-import-toolbar label.disabled { cursor:not-allowed; }
.reco-import-toolbar label.disabled input { cursor:not-allowed; }
.reco-import-toolbar > span { font-size:10px; color:#99a69e; overflow-wrap:anywhere; }
.reco-empty { text-align:center; padding:34px!important; color:#9aaa9f!important; }
.reco-summary h4 { margin:18px 0 6px; font-size:12px; color:#3a6e49; }
.reco-summary p { font-size:12px; color:#708878; line-height:1.9; }
.reco-footnote { color:#99a79e; font-size:10px; line-height:1.9; margin:20px 0 0; }
@media (max-width:1100px) { .reco-two-columns{grid-template-columns:1fr}.reco-head{flex-direction:column;gap:14px}.reco-preset-actions{gap:5px}.reco-workspace .panel-header{flex-wrap:wrap}.reco-score-grid{grid-template-columns:1fr 1fr}.reco-score-grid>div:last-child{grid-column:1/-1;border-top:1px solid #e1eee5}.reco-score-grid>div:nth-child(2){border-right:0} }
@media (max-width:700px) { .reco-fields,.reco-three-fields,.reco-metric-inputs{grid-template-columns:1fr}.reco-pool-tabs{padding:10px 10px 0;gap:2px}.reco-pool-tabs button{min-width:0;flex:1;padding:10px 7px;font-size:10px}.reco-pool-tabs small{font-size:9px}.reco-weight-table{min-width:540px!important}.reco-score-grid strong{font-size:22px}.reco-score-grid>div{padding:14px}.reco-head h2{font-size:17px}.reco-meta{gap:7px;flex-direction:column}.reco-head-actions .button{font-size:11px}.reco-score-grid{margin-top:14px}.reco-two-columns{gap:0} }