/* School Certificate Manager Frontend */

.scm-search-form {
max-width: 600px;
padding: 25px;
border: 1px solid #ddd;
background: #fff;
border-radius: 8px;
}

.scm-search-form label {
display: block;
font-weight: 600;
margin-bottom: 6px;
}

.scm-search-form input[type="text"],
.scm-search-form input[type="date"] {
width: 100%;
padding: 10px;
margin-bottom: 15px;
border: 1px solid #ccc;
border-radius: 4px;
}

.scm-search-form button {
padding: 10px 20px;
cursor: pointer;
}

.scm-result {
margin-top: 25px;
padding: 20px;
border: 1px solid #ddd;
background: #fff;
border-radius: 8px;
}

.scm-result h3 {
margin-top: 0;
}

.scm-result table {
width: 100%;
border-collapse: collapse;
margin-top: 10px;
}

.scm-result table th,
.scm-result table td {
border: 1px solid #ddd;
padding: 10px;
text-align: left;
}

.scm-result table th {
width: 220px;
background: #f7f7f7;
}

.scm-no-record {
margin-top: 20px;
padding: 15px;
background: #fff2f2;
border: 1px solid #ffbcbc;
color: #c62828;
border-radius: 6px;
}

.scm-error {
margin-bottom: 15px;
padding: 12px;
background: #fff2f2;
border: 1px solid #ffbcbc;
color: #c62828;
border-radius: 6px;
}