/* Стили калькуляторов rock-trade.ru (Porto / Rockwool) */
.calc-app { max-width: 860px; margin: 0 auto; font-family: 'Roboto Condensed', sans-serif; font-size: 15px; line-height: 1.7; color: #212529; }
.calc-app h1 { font-family: 'Roboto', sans-serif; font-size: 26px; font-weight: 700; color: #222529; margin-bottom: 16px; }
.calc-app h2 { font-family: 'Roboto', sans-serif; font-size: 18px; font-weight: 700; color: #222529; margin: 22px 0 12px; }
.calc-intro { color: #555; margin-bottom: 20px; }
.calc-form { background: #f8f9fa; padding: 24px; border-left: 4px solid #db0006; margin-bottom: 24px; }
.form-group { margin-bottom: 16px; }
.form-group label { display: block; font-weight: 600; color: #222529; margin-bottom: 5px; font-size: 14px; }
.form-group select, .form-group input, .form-group textarea { width: 100%; padding: 8px 12px; border: 1px solid #ddd; font-family: 'Roboto Condensed', sans-serif; font-size: 14px; background: #fff; box-sizing: border-box; }
.form-group select:focus, .form-group input:focus, .form-group textarea:focus { outline: none; border-color: #db0006; }
.btn-calc { background: #db0006; color: #fff; border: none; padding: 10px 28px; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 600; cursor: pointer; text-transform: uppercase; letter-spacing: 0.5px; }
.btn-calc:hover { background: #b00005; }
.btn-print { background: #2baab1; color: #fff; border: none; padding: 10px 28px; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 600; cursor: pointer; text-transform: uppercase; letter-spacing: 0.5px; margin-left: 10px; }
.btn-print:hover { background: #1e8a8f; }
.btn-expert { background: #222529; color: #fff; border: none; padding: 10px 24px; font-family: 'Roboto', sans-serif; font-size: 13px; font-weight: 600; cursor: pointer; margin-top: 16px; }
.btn-expert:hover { background: #000; }
.btn-send { background: #db0006; color: #fff; border: none; padding: 9px 24px; font-family: 'Roboto', sans-serif; font-size: 13px; font-weight: 600; cursor: pointer; margin-top: 10px; }
.calc-result { background: #fff; border: 1px solid #e7e7e7; padding: 20px; margin-top: 20px; }
.result-table { width: 100%; border-collapse: collapse; margin: 10px 0; }
.result-table th { background: #222529; color: #fff; padding: 10px 12px; text-align: left; font-size: 13px; text-transform: uppercase; }
.result-table td { padding: 10px 12px; border: 1px solid #e7e7e7; }
.result-table tr:nth-child(even) td { background: #f9f9f9; }
.inner-table { width: 100%; border-collapse: collapse; }
.inner-table td { border: none; padding: 3px 6px; }
.formula-box { background: #f4f4f4; border: 1px solid #ddd; padding: 10px 14px; font-family: Consolas, monospace; font-size: 13px; color: #222529; }
.formula-row td { background: #fafafa !important; }
.calc-send { background: #f8f9fa; border: 1px solid #ddd; padding: 16px; margin-top: 16px; }
.send-row { margin-bottom: 10px; }
.send-row label { display: block; font-weight: 600; font-size: 13px; margin-bottom: 4px; }
.send-row input { width: 100%; padding: 7px 10px; border: 1px solid #ddd; font-family: 'Roboto Condensed', sans-serif; font-size: 14px; box-sizing: border-box; }
.send-status { margin-top: 10px; font-size: 13px; color: #2baab1; }
.normative { background: #f4f4f4; border-left: 4px solid #2baab1; padding: 16px 20px; margin: 24px 0; font-size: 13px; color: #555; }
.normative strong { color: #222529; }
.normative ol { margin: 8px 0 0 20px; padding: 0; }
.print-footer { display: none; }

@media print {
  body { padding: 0; font-size: 12px; }
  .calc-form, .btn-calc, .btn-print, .btn-expert, .calc-send { display: none !important; }
  .calc-result { display: block !important; border: none; padding: 0; }
  .result-table th { background: #ddd !important; color: #000 !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  .normative { display: block; border: 1px solid #000; padding: 10px; }
  .print-footer { display: block; margin-top: 20px; padding-top: 10px; border-top: 1px solid #000; font-size: 11px; color: #000; }
}