
/* /magnum_custom/static/src/scss/magnum/_moto_serial_decoder.scss */
 .js_mag_moto_decoder{color: #495057; display: flex; justify-content: center; align-items: center; box-sizing: border-box; width: 100%;}.js_mag_moto_decoder .decoder-container{width: 100%; max-width: 700px; background-color: #ffffff; padding: 2.5rem; border-radius: 1rem; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);}.js_mag_moto_decoder .decoder-header{text-align: center; margin-bottom: 2rem; display: flex; flex-direction: column; align-items: center; justify-content: center;}.js_mag_moto_decoder .decoder-header h1{color: #212529; font-size: 1.75rem;}.js_mag_moto_decoder .decoder-header img{max-height: 40px;}.js_mag_moto_decoder .input-label-group{display: flex; align-items: center; margin-bottom: 0.5rem;}.js_mag_moto_decoder .input-label-group label{font-weight: 500; color: #212529;}.js_mag_moto_decoder #help-button{background: none; border: none; color: #6c757d; cursor: pointer; padding: 0 0.5rem; font-size: 0.9rem;}.js_mag_moto_decoder #help-button:hover{color: #0d6efd;}.js_mag_moto_decoder .input-group .form-control{min-width: 0;}.js_mag_moto_decoder #clear-button{cursor: pointer; color: #6c757d;}.js_mag_moto_decoder #clear-button:hover{color: #212529;}.js_mag_moto_decoder #results-container{margin-top: 2rem; opacity: 0; transform: translateY(10px); transition: opacity 0.4s ease-out, transform 0.4s ease-out;}.js_mag_moto_decoder #results-container.visible{opacity: 1; transform: translateY(0);}.js_mag_moto_decoder .result-wrapper{border-top: 1px solid #e9ecef; padding-top: 1.5rem;}.js_mag_moto_decoder .result-item{display: flex; align-items: baseline; padding: 0.4rem 0; font-size: 0.95rem;}.js_mag_moto_decoder .result-item .label{font-weight: 500; color: #212529; width: 160px; flex-shrink: 0;}.js_mag_moto_decoder .result-item .value{color: #495057;}.js_mag_moto_decoder .result-item .value i{margin-right: 0.6rem; color: #0d6efd; width: 16px; text-align: center;}.js_mag_moto_decoder .interpretations-grid{display: flex; flex-direction: column; gap: 1.5rem;}.js_mag_moto_decoder .interpretation-item .fw-bold{margin-bottom: 0.5rem;}.js_mag_moto_decoder .interpretation-item div{font-size: 0.9rem; padding: 0.1rem 0;}.js_mag_moto_decoder .interpretation-item i{color: #0d6efd; margin-right: 0.6rem; width: 16px; text-align: center;}.js_mag_moto_decoder .result-notes, .js_mag_moto_decoder .result-notes-amb{font-size: 0.85rem; margin-top: 1.5rem; color: #6c757d;}.js_mag_moto_decoder .result-notes i, .js_mag_moto_decoder .result-notes-amb i{margin-right: 0.5rem; color: inherit;}.js_mag_moto_decoder .result-notes{background-color: #f8f9fa; border-radius: .5rem; padding: 1rem;}.js_mag_moto_decoder .result-notes-amb{font-size: 0.8rem !important;}.js_mag_moto_decoder .decoder-footer{text-align: center; margin-top: 2rem; padding-top: 1.5rem; border-top: 1px solid #e9ecef;}.js_mag_moto_decoder .decoder-footer img{max-width: 120px; margin-bottom: 1rem;}.js_mag_moto_decoder .decoder-footer p{font-size: 0.8rem;}#helpModal .modal-header{border-bottom: 0; padding: 1.5rem 1.5rem 0.5rem;}#helpModal .modal-header .btn-close{padding: 0.5rem;}#helpModal .modal-title{font-weight: 700;}#helpModal .modal-body{padding: 1rem 1.5rem 1.5rem;}#helpModal .modal-body .list-group-item{border: 0; padding: 0.75rem 0;}#helpModal .modal-body code{background-color: #e9ecef; padding: 0.2em 0.4em; margin: 0; font-size: .85em; border-radius: 3px;}