/* =========================
   GLOBAL UI RESET
========================= */
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}

/* =========================
   PAGE TITLE
========================= */
h1, h2, h3 {
    font-weight: 700;
    color: #1d2327;
}

/* =========================
   UPLOAD BOX
========================= */
#drop, #wca-dropzone {
    border: 2px dashed #4f46e5;
    background: #f8faff;
    padding: 35px;
    text-align: center;
    border-radius: 14px;
    cursor: pointer;
    transition: 0.3s ease;
    font-weight: 600;
    color: #4f46e5;
}

#drop:hover, #wca-dropzone:hover {
    background: #eef2ff;
    transform: translateY(-2px);
}

/* =========================
   PROGRESS BAR
========================= */
#bar, #wca-progress-bar {
    width: 100%;
    background: #e5e7eb;
    border-radius: 20px;
    overflow: hidden;
    margin-top: 15px;
}

#bar, #wca-progress-bar div {
    height: 10px;
    background: linear-gradient(90deg, #4f46e5, #22c55e);
    width: 0%;
    transition: width 0.3s ease;
}

/* =========================
   MESSAGE
========================= */
#msg, #wca-msg {
    margin-top: 10px;
    font-weight: 600;
    color: #16a34a;
}

/* =========================
   TABLE DESIGN (ADMIN + USER)
========================= */
table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 6px 20px rgba(0,0,0,0.05);
}

table th {
    background: #4f46e5;
    color: #fff;
    padding: 14px;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

table td {
    padding: 14px;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    color: #333;
}

table tr:hover {
    background: #f9fafb;
}

/* =========================
   BUTTONS
========================= */
a.button, button {
    display: inline-block;
    padding: 8px 14px;
    border-radius: 8px;
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    border: none;
    cursor: pointer;
    transition: 0.2s;
}



/* =========================
   STATUS BADGES
========================= */
.status {
    padding: 5px 10px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
}

.status.Pending {
    background: #fef3c7;
    color: #92400e;
}

.status.Reviewed {
    background: #dbeafe;
    color: #1e40af;
}

.status.Approved {
    background: #dcfce7;
    color: #166534;
}

/* =========================
   FEEDBACK BOX
========================= */
textarea, input[type="text"] {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 8px;
    font-size: 13px;
}

/* =========================
   PDF VIEWER (ADMIN)
========================= */
iframe {
    border-radius: 12px;
    border: 1px solid #e5e7eb;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}

/* =========================
   MODERN CARD LOOK
========================= */
.widefat {
    border: none !important;
}