.calc-header { display: flex; align-items: center; gap: 10px; margin-bottom: 15px; font-family: "Century Gothic Bold", Sans-serif; font-weight: bold; }
.calc-icon { width: 30px; height: auto; }
.calc-card { border: 1px solid #ddd; border-radius: 5px; padding: 10px; background: #f9f9f9; }
.calc-field-group { display: flex; align-items: center; padding-top: 10px; }
.calc-actions { display: none; margin-top: 10px; }
.calc-clear-link { font-family: "Century Gothic Bold", Sans-serif; font-size: 14px; color: #0033a1; text-decoration: underline; cursor: pointer; display: inline-block; padding: 5px 0; }
.calc-clear-link:hover { color: #f17523; }
#mtrs-input { background: transparent; width: 80px; margin-right: 10px; font-family: "Century Gothic Bold", Sans-serif; font-weight: bold; color: #f17523; }
.unit-tag { margin-right: 10px; }
#btn-calculate-pro { display: flex; align-items: center; justify-content: center; gap: 8px; background: #0033a1; color: white; border: none; padding: 8px 20px; border-radius: 4px;     cursor: pointer;     transition: all 0.3s ease; }
#btn-calculate-pro:disabled, .calc-btn-disabled { cursor: not-allowed; opacity: 0.5; }
.btn-calc-icon { width: 18px; height: auto; display: inline-block; }
.calc-slogan { margin-top: 10px; font-family: "Century Gothic Bold", Sans-serif; font-size: 14px; font-weight: bold; }
.calc-extra-check { margin-top: 15px; font-family: "Century Gothic", Sans-serif; font-size: 14px; color: #666; }
.calc-extra-check .check-text { line-height: 20px; ;}
.calc-feedback-msg { margin-top: 10px; padding: 10px; display: none; font-family: "Century Gothic", Sans-serif; font-size: 14px; border-radius: 4px; }
.calc-feedback-msg.error { display: block; background: #fdeaea; color: #ca3a3a; }
.calc-feedback-msg.success { display: block; background: #eaffea; color: #2d8a2d; }