#complycube-identity-check-form {
    max-width: 500px;
    margin: 0 auto;
}

#complycube-identity-check-form input,
#complycube-identity-check-form button {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    padding: 10px;
    border-radius:20px;
}

#complycube-identity-check-form button {
    background-color: #0073aa;
    color: white;
    border: none;
    cursor: pointer;
     border-radius:20px;
}

#complycube-result {
    margin-top: 20px;
    padding: 10px;
    background-color: #f0f0f0;
    border: 1px solid #ddd;
}


/* complycube-styles.css */
/* complycube-styles.css */

/* Container Styling */
.complycube-result {
    /*font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;*/
    background-color: #ffffff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    max-width: 900px;
    margin: 30px auto;
}

/* Main Heading */
.complycube-result h3 {
    color: #34495e;
    margin-bottom: 25px;
    text-align: center;
    font-size: 28px;
}

/* Section Titles */
.complycube-result .section-title {
    background-color: #ecf0f1;
    padding: 10px 15px;
    border-radius: 20px;
    margin-bottom: 15px;
    font-size: 20px;
    color: #2c3e50;
    border-left: 5px solid #DD8500;
}

/* Table Styling */
.complycube-result table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 25px;
}

.complycube-result th, .complycube-result td {
    border: 1px solid #bdc3c7;
    padding: 12px 15px;
    text-align: left;
    font-size: 16px;
}

.complycube-result th {
    background-color: #DD8500;
    color: #ffffff !important;
    font-weight: bold;
}

.complycube-result tr:nth-child(even) {
    background-color: #f2f2f2;
}

/* Status Labels */
.status-clear {
    color: #27ae60; /* Green */
    /*font-weight: bold;*/
}

.status-not_processed {
    color: #7f8c8d; /* Gray */
    /*font-weight: bold;*/
}

.status-unknown {
    color: #e67e22; /* Orange for unknown or other statuses */
    /*font-weight: bold;*/
}

/* Highlight Outcome */
.outcome-clear {
    /*background-color: #2ecc71;*/
    color: #2ecc71;
    /*padding: 5px 10px;*/
    /*border-radius: 4px;*/
    display: inline-block;
}

.outcome-not_processed {
    background-color: #95a5a6;
    color: #ffffff;
    padding: 5px 10px;
    border-radius: 4px;
    display: inline-block;
}

.outcome-unknown {
    background-color: #e67e22;
    color: #ffffff;
    padding: 5px 10px;
    border-radius: 4px;
    display: inline-block;
}

/* Responsive Design */
@media (max-width: 768px) {
    .complycube-result {
        padding: 20px;
    }

    .complycube-result h3 {
        font-size: 24px;
    }

    .complycube-result .section-title {
        font-size: 18px;
    }

    .complycube-result th, .complycube-result td {
        font-size: 14px;
        padding: 10px;
    }
}