﻿.datasheet-modal { z-index: 1060; }
.datasheet-modal .modal-content { border: 0; border-radius: 12px; box-shadow: 0 1.5rem 4rem rgba(7, 54, 91, .26); overflow: hidden; }
.datasheet-modal .modal-header { padding: 1.25rem 1.4rem .5rem; }
.datasheet-modal-logo { width: 48px; height: auto; object-fit: contain; }
.datasheet-modal-kicker { color: #0b4677; font-size: .65rem; font-weight: 800; letter-spacing: .08em; margin: 0 0 .2rem; text-transform: uppercase; }
.datasheet-modal .modal-title { color: #0a3457; font-family: var(--font-heading); font-size: 1.45rem; font-weight: 800; }
.datasheet-modal-intro { color: #557088; font-size: .9rem; margin-bottom: 1rem; }
.datasheet-product-name { align-items: center; background: #f1f5f8; border: 1px solid #dbe5ec; border-radius: .35rem; color: #456076; display: flex; gap: .75rem; margin-bottom: 1rem; padding: .75rem .9rem; }
.datasheet-product-name i { color: #b7131b; font-size: 1.25rem; }
.datasheet-product-name strong { color: #173b5a; }
.datasheet-modal label { color: #284b68; font-size: .76rem; font-weight: 700; margin-bottom: .32rem; }
.datasheet-modal label span { color: #b7131b; }
.datasheet-modal .input-group-text { background: #fff; border-right: 0; color: #49657c; }
.datasheet-modal .form-control { border-left: 0; font-size: .84rem; }
.datasheet-modal .form-select { color: #60778a; font-size: .84rem; }
.datasheet-modal .form-control:focus, .datasheet-modal .form-select:focus { border-color: #8bb4cf; box-shadow: 0 0 0 .2rem rgba(7, 54, 91, .12); }
.datasheet-submit { background: #07365b; border-radius: .3rem; color: #fff; font-size: .85rem; font-weight: 700; margin-top: 1.3rem; padding: .78rem; }
.datasheet-submit:hover, .datasheet-submit:focus { background: #0b4c7f; color: #fff; }
.datasheet-cancel { color: #49657c; font-size: .82rem; margin-top: .3rem; }
.datasheet-viewer-heading { align-items: center; display: flex; justify-content: space-between; margin-bottom: .75rem; }
.datasheet-viewer-heading h3 { color: #0a3457; font-size: 1.05rem; margin: 0; }
.datasheet-frame { border: 1px solid #d8e3ea; border-radius: .35rem; height: min(58vh, 560px); width: 100%; }
.datasheet-privacy { border-top: 1px solid #e5ebef; color: #6a7d8b; font-size: .67rem; line-height: 1.45; margin: 1rem 0 0; padding-top: .8rem; text-align: center; }
.datasheet-privacy i { color: #49657c; margin-right: .3rem; }
@media (max-width: 575.98px) { .datasheet-modal .modal-dialog { margin: .65rem; } .datasheet-modal .modal-header { padding: 1rem 1rem .4rem; } .datasheet-frame { height: 52vh; } }
