.pem-preview { background-color: #f8f9fa; border-radius: 8px; padding: 1rem; font-family: monospace; font-size: 0.85rem; max-height: 200px; overflow: auto; white-space: pre-wrap; word-break: break-all; }
        .decoded-detail { background-color: white; border-radius: 4px; border: 1px solid #e9ecef; padding: 1rem; margin-bottom: 1rem; word-break:break-all}
        .detail-label { font-weight: 600; color: #2c3e50; width: 160px; display: inline-block; }
        .fingerprint { font-family: monospace; background: #f1f3f5; padding: 0.2rem 0.5rem; border-radius: 4px; }
        .asn1-hierarchy { background: #f8f9fa; padding: 0.75rem; border-left: 3px solid #0d6efd; font-size: 0.8rem; font-family: monospace; max-height: 300px; overflow: auto; }
        .badge-pem { background-color: #28a745; color: white; font-size: 0.8rem; padding: 0.25rem 0.75rem; border-radius: 20px; }
        .alert-security { background-color: #e2f0fb; border-left: 4px solid #0d6efd; }
        .pem-block-card { border: 1px solid #dee2e6; border-radius: 0.5rem; margin-bottom: 1.5rem; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.05); }
        .pem-block-header { background: #f1f3f5; padding: 0.75rem 1rem; border-bottom: 1px solid #dee2e6; font-weight: 600; cursor: pointer; user-select: none; }
        .pem-block-content { padding: 1rem; display: block; }
        .asn1-tree-item { margin-left: 1rem; font-family: monospace; border-left: 1px dotted #ccc; padding-left: 0.75rem; }
        .nav-tabs