/* Basic styles for Certificate Verifier Plugin */
.cv-verification-form-wrapper {
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    padding: 20px;
    border-radius: 5px;
    max-width: 500px;
    margin: 20px auto;
}

.cv-verification-form-wrapper label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}

.cv-verification-form-wrapper input[type="text"],
.cv-verification-form-wrapper input[type="email"] { /* Removed type="date" here */
    width: 100%;
    padding: 8px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box; /* Ensures padding doesn't add to width */
}

.cv-verification-form-wrapper input[type="submit"].button {
    background-color: #0073aa; /* WordPress default primary blue */
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
}

.cv-verification-form-wrapper input[type="submit"].button:hover {
    background-color: #005177;
}

.cv-required {
    color: red;
    font-weight: normal;
    margin-left: 3px;
}

/* Messages */
.cv-success-message {
    background-color: #e6ffe6;
    border: 1px solid #4CAF50;
    color: #333;
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 4px;
}

.cv-error-message {
    background-color: #ffe6e6;
    border: 1px solid #f44336;
    color: #333;
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 4px;
}

.cv-success-message h2 {
    margin-top: 0;
    color: #218838;
}
.cv-success-message p,
.cv-error-message p {
    margin-bottom: 0;
}
.cv-success-message p strong {
    display: inline-block;
    min-width: 120px;
}

.cv-expired {
    color: #dc3545;
    font-weight: bold;
}

/* Admin Styles (basic) */
.wp-list-table .button-danger {
    background-color: #dc3545;
    color: white;
    border-color: #dc3545;
}
.wp-list-table .button-danger:hover {
    background-color: #c82333;
    border-color: #bd2130;
}

/* Specific adjustment for admin text date inputs if needed, though they inherit from .regular-text */
.form-table input[type="text"][name="issue_date"],
.form-table input[type="text"][name="expiration_date"] {
    width: 150px; /* Adjust width for DD/MM/YYYY text input */
}