body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    background: #f5f6fa;
}

.search-box {
    background: #fff;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 4px 24px rgba(0,0,0,.08);
}

.result-card {
    border: none;
    border-radius: 12px;
    box-shadow: 0 4px 16px rgba(0,0,0,.06);
    transition: transform .15s;
}
.result-card:hover { transform: translateY(-2px); }

#qrScanner {
    border-radius: 8px;
    overflow: hidden;
    max-width: 320px;
    margin: 0 auto;
}

@media (max-width: 576px) {
    .search-box { padding: 16px; border-radius: 8px; }
    .navbar-brand { font-size: 1rem; }
    h2 { font-size: 1.25rem; }
}

.table td, .table th { vertical-align: middle; }
.cert-title-display {
    max-width: 300px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}