/* ========================================================================
   Frontend CSS For LM Certificate Publisher
   ======================================================================== */

.lmcp-search-form { max-width: 800px; margin: 20px auto; padding: 20px; background: #f7f7f7; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); } .lmcp-search-input-group, .lmcp-search-select-group, .lmcp-search-btn-group { margin-bottom: 15px; } .lmcp-search-form input[type="text"], .lmcp-search-form select { width: 100%; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; } .lmcp-search-form label { display: block; margin-bottom: 5px; font-weight: bold; } .lmcp-search-select-group { display: flex; gap: 15px; } .lmcp-search-select-group .lmcp-select { flex: 1; } .lmcp-search-btn-group { display: flex; gap: 10px; } .lmcp-search-btn-group button { flex: 1; padding: 10px; border: none; border-radius: 4px; background: #0073aa; color: #fff; cursor: pointer; transition: background 0.3s ease; } .lmcp-search-btn-group button:hover { background: #005177; } .lmcp-cert-table { width: 100%; border-collapse: collapse; margin-bottom: 20px; } .lmcp-cert-table th, .lmcp-cert-table td { border: 1px solid #ddd; padding: 8px; } .lmcp-cert-table th { background-color: #f1f1f1; } button#lmcp-search-btn { padding: 7px 20px; margin-top: 10px; } button#lmcp-print-btn { padding: 7px 20px; margin-top: 10px; }

.lmcp-download-btn { display: inline-block; padding: 8px 16px; background: #0073aa; color: #fff; text-decoration: none; border-radius: 4px; transition: background 0.3s ease; }
.lmcp-download-btn:hover { background: #005177; color: #fff; }