/* ==================================================
 * ETHICAX — UNIFIED PUBLIC VERIFICATION UI
 * Phase 1.1 — STABLE RELEASE (PFPV)
 *
 * Scope: Public Verification Only
 * Theme-independent | Government / Institutional Grade
 * ================================================== */

.ethicax-verification-box {
    max-width: 720px;
    margin: 30px auto;
    padding: 24px;
    background: #FFFFFF;
    border: 1px solid #E5E7EB;
    border-radius: 10px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI",
                 Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue",
                 Arial, sans-serif;
    color: #1F2937;
}

/* -------------------------------
 * FORM
 * ------------------------------- */
.ethicax-verification-form {
    margin-bottom: 20px;
}

.ethicax-toggle {
    display: flex;
    gap: 20px;
    margin-bottom: 14px;
    font-size: 14px;
    font-weight: 600;
    color: #374151;
}

.ethicax-toggle label {
    cursor: pointer;
}

.ethicax-input {
    width: 100%;
    padding: 12px 14px;
    border: 1px solid #CBD5E1;
    border-radius: 6px;
    font-size: 15px;
    margin-bottom: 12px;
    color: #1F2937;
    background: #FFFFFF;
}

.ethicax-input::placeholder {
    color: #9CA3AF;
}

.ethicax-input:focus {
    outline: none;
    border-color: #2563EB;
    box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.15);
}

.ethicax-button {
    width: 100%;
    padding: 12px;
    background: #2563EB;
    color: #FFFFFF;
    border: none;
    border-radius: 6px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
}

.ethicax-button:hover {
    background: #1E40AF;
}

/* -------------------------------
 * STATUS BANNER
 * ------------------------------- */
.ethicax-status-bar {
    padding: 12px 16px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    margin-bottom: 16px;
}

.ethicax-status-ACTIVE {
    background: #1E7E34;
    color: #FFFFFF;
}

.ethicax-status-EXPIRED {
    background: #B45309;
    color: #FFFFFF;
}

.ethicax-status-SUSPENDED {
    background: #C2410C;
    color: #FFFFFF;
}

.ethicax-status-REVOKED {
    background: #7A1E24;
    color: #FFFFFF;
}

/* -------------------------------
 * INTEGRITY MESSAGE
 * ------------------------------- */
.ethicax-integrity-message {
    font-size: 14px;
    margin-bottom: 20px;
    color: #374151;
    line-height: 1.55;
}

/* -------------------------------
 * ID CARD PHOTO
 * ------------------------------- */
.ethicax-photo-wrap {
    margin: 18px 0 22px;
    text-align: center;
}

.ethicax-photo-wrap img {
    max-width: 180px;
    border-radius: 12px;
    border: 2px solid #E5E7EB;
    background: #FFFFFF;
}

/* -------------------------------
 * QR SECTION (ID CARD & CERTIFICATE)
 * ------------------------------- */
.ethicax-certificate-qr,
.ethicax-idcard-qr {
    margin: 22px 0;
    padding: 18px;
    border: 1px dashed #CBD5E1;
    border-radius: 12px;
    text-align: center;
    background: #F9FAFB;
}

.ethicax-qr-label {
    font-size: 12px;
    font-weight: 700;
    color: #374151;
    margin-bottom: 10px;
    letter-spacing: 0.4px;
    text-transform: uppercase;
}

.ethicax-qr-image {
    width: 240px;
    height: auto;
    max-width: 100%;
    border: 1px solid #D1D5DB;
    border-radius: 8px;
    background: #FFFFFF;
}

/* -------------------------------
 * RESULT TABLE (ID DETAILS)
 * ------------------------------- */
.ethicax-result-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 14px;
    background: #FFFFFF;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 8px 18px rgba(0,0,0,0.04);
}

.ethicax-result-table th,
.ethicax-result-table td {
    padding: 14px 16px;
    border-bottom: 1px solid #E5E7EB;
    text-align: left;
}

.ethicax-result-table tr:last-child th,
.ethicax-result-table tr:last-child td {
    border-bottom: none;
}

.ethicax-result-table th {
    width: 38%;
    background: #F9FAFB;
    font-weight: 600;
    font-size: 13px;
    color: #374151;
}

.ethicax-result-table td {
    color: #111827;
    font-weight: 500;
}

/* -------------------------------
 * ERROR / FAILURE MESSAGE
 * ------------------------------- */
.ethicax-verification-error {
    padding: 14px;
    background: #FEF2F2;
    color: #7A1E24;
    border: 1px solid #FECACA;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
}

/* -------------------------------
 * MOBILE REFINEMENTS
 * ------------------------------- */
@media (max-width: 480px) {

    .ethicax-verification-box {
        padding: 18px;
    }

    .ethicax-result-table th,
    .ethicax-result-table td {
        padding: 12px;
        font-size: 13px;
    }

    .ethicax-qr-image {
        width: 210px;
    }
}

/* ==================================================
 * PRINT VIEW — ID CARD / CERTIFICATE
 * Phase P1 — PRINT SAFE (PFPV)
 * CSS ONLY | NO UI IMPACT
 * ================================================== */

@media print {

    @page {
        margin: 12mm;
        size: auto;
    }

    body {
        background: #FFFFFF !important;
        color: #000000 !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    header,
    nav,
    footer,
    .ethicax-verification-form,
    .ethicax-toggle,
    .ethicax-button,
    .ethicax-input,
    .ethicax-status-bar,
    .ethicax-integrity-message,
    button {
        display: none !important;
    }

    .ethicax-verification-box {
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        box-shadow: none !important;
    }

    .ethicax-photo-wrap img {
        max-height: 60mm;
        margin: 0 auto 8mm auto;
        display: block;
        border: none !important;
    }

    .ethicax-certificate-qr,
    .ethicax-idcard-qr {
        margin: 6mm auto;
        padding: 0;
        border: none !important;
        background: transparent !important;
        page-break-inside: avoid;
    }

    .ethicax-qr-image {
        width: 45mm !important;
        height: 45mm !important;
        border: none !important;
        image-rendering: pixelated;
    }

    .ethicax-qr-label {
        font-size: 11px;
        margin-top: 4mm;
        color: #000000;
    }

    .ethicax-result-table {
        page-break-inside: avoid;
        box-shadow: none !important;
        border-collapse: collapse;
        font-size: 12px;
    }

    .ethicax-result-table th,
    .ethicax-result-table td {
        border: 1px solid #000000;
        padding: 6px 8px;
        color: #000000;
    }

    .ethicax-result-table th {
        background: #F2F2F2 !important;
        font-weight: 700;
    }

    a[href]:after {
        content: "";
    }
}