:root { --ea-primary: #3E88C8; --color-primary: var(--ea-primary); --button-primary-bg: var(--ea-primary); --link-color: var(--ea-primary); }
.htr-logo { display: block; width: 180px; max-width: 100%; height: auto; }
.page-login .htr-logo { width: 260px; margin: 0 auto; }
body.ea-sidebar-width-compact .ea-sidebar .htr-logo { width: 100%; }
body { font-size: 14px; }
.datagrid td[data-column] { max-width: 20rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.htr-intro { display: flex; justify-content: space-between; gap: 24px; align-items: center; padding: 26px 0 18px; }
.htr-intro h2 { font-size: clamp(22px, 3vw, 30px); margin: 8px 0 12px; font-weight: 650; letter-spacing: -.5px; }
.htr-intro p { color: #66736d; max-width: 620px; margin: 0; }
.htr-eyebrow { color: var(--color-primary); font-size: 11px; letter-spacing: 1.5px; font-weight: 700; }
.htr-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin: 18px 0 24px; }
.htr-stats > div { padding: 20px; background: #fff; border: 1px solid #dfe6e2; border-radius: 8px; }
.htr-stats span, .htr-facts span { color: #66736d; display: block; margin-bottom: 8px; }
.htr-stats strong { display: block; font-size: 30px; line-height: 1.15; color: #203e35; }
.htr-panel { padding: 24px; border: 1px solid #dfe6e2; border-radius: 8px; background: #fff; margin-bottom: 20px; min-width: 0; overflow-wrap: anywhere; }
.htr-panel h2 { font-size: 23px; margin: 6px 0 18px; }
.htr-panel h3 { font-size: 17px; font-weight: 650; margin: 0 0 16px; }
.htr-panel p { line-height: 1.7; }
.htr-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.htr-legend { list-style: none; padding: 0; }
.htr-legend li { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; flex-wrap: wrap; }
.htr-dot { display: inline-block !important; width: 11px; height: 11px; min-width: 11px; border-radius: 50%; border: 1px solid #0002; margin: 0 !important; }
.htr-dot.green { background: #92d050; }.htr-dot.red { background: #ff0000; }.htr-dot.orange { background: #ffc000; }.htr-dot.yellow { background: #ffff00; }.htr-dot.none { background: #e4e8e6; }.htr-dot.other { background: #9297c0; }
.htr-color { display: inline-flex; align-items: center; gap: 8px; }
.htr-table-wrap { max-width: 100%; overflow-x: auto; }
.htr-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.htr-country-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; }
.htr-country-grid > div { border-bottom: 1px solid #e9eeeb; padding: 8px 0; }.htr-country-grid span { display: block; color: #66736d; font-size: 12px; }
.htr-notes { white-space: pre-wrap; }.htr-hash { overflow-wrap: anywhere; }.htr-import { max-width: 850px; }.htr-import li { margin-bottom: 8px; }
.page-login { background: #f0f4f8; }.page-login .content { border-top: 3px solid var(--color-primary); }
@media (max-width: 767px) { .htr-intro { align-items: flex-start; flex-direction: column; }.htr-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }.htr-stats > div { padding: 14px; }.htr-stats strong { font-size: 26px; }.htr-grid { grid-template-columns: 1fr; gap: 0; }.htr-panel { padding: 18px; }.htr-facts { grid-template-columns: 1fr 1fr; }.htr-country-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

.htr-upload-progress { width: 100%; height: 16px; accent-color: var(--color-primary); }
#drawing-result-rows td:first-child { overflow-wrap: anywhere; max-width: 420px; }

.htr-preview-dialog { width: 94vw; max-width: 1600px; --bs-modal-width: 1600px; }
.htr-preview-dialog .modal-content { height: 92vh; display: flex; flex-direction: column; gap: 12px; background: #fff; }
.htr-preview-dialog .modal-header, .htr-preview-dialog .modal-footer, .htr-preview-toolbar { flex-shrink: 0; }
.htr-preview-dialog .modal-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.htr-preview-body { display: flex; flex: 1; flex-direction: column; min-height: 0; overflow: auto; }
.htr-preview-content { flex: 1; min-height: 0; display: flex; align-items: center; justify-content: center; }
.htr-preview-content:empty { display: none; }
.htr-preview-content iframe { width: 100%; height: 100%; border: 0; }
.htr-preview-content img { max-width: 100%; max-height: 100%; object-fit: contain; }
.htr-preview-toolbar { display: flex; align-items: center; gap: 12px; padding: 10px 16px; border-bottom: 1px solid #dfe6e2; }
.htr-preview-toolbar[hidden], #drawing-preview-pages[hidden] { display: none; }
.htr-preview-toolbar select { width: 110px; }
#drawing-preview-pages { display: flex; align-items: center; gap: 12px; margin-right: auto; }
.htr-preview-content { overflow: auto; }
.htr-preview-content.is-zoomed { align-items: flex-start; justify-content: flex-start; }
.htr-preview-content.is-zoomed img { max-width: none; max-height: none; flex-shrink: 0; }
/* Datasheet tables retain readable source text and conditions at desktop widths. */
.htr-specifications td { white-space: normal !important; vertical-align: top; min-width: 130px; }
.htr-specifications td:first-child { min-width: 190px; }
.htr-specifications pre, .htr-source-text { white-space: pre-wrap; overflow-wrap: anywhere; max-width: 100%; }
.htr-specifications blockquote { white-space: pre-wrap; }