/* Merge PDF — redesigned upload zone.
   Scoped entirely to .mpdf-* classnames (unique to this page) so it can
   never collide with the shared .upload-workspace/.new-front-upload-zone
   rules in app.css that every other tool page still relies on.
   Flat, single-accent design — no gradients, solid border throughout. */

.mpdf-upload {
    --mpdf-accent: var(--color-primary, #6366f1);
    position: relative;
    cursor: pointer;
    height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: var(--radius-lg, 1rem);
    border: 2px solid var(--color-border-strong, #cbd5e1);
    background: var(--color-surface, #fff);
    padding: 1.5rem 1.5rem 1.1rem;
    transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease;
}

.mpdf-upload:hover {
    border-color: var(--mpdf-accent);
    box-shadow: 0 0 0 3px var(--color-primary-soft, rgba(99, 102, 241, .12));
}

.mpdf-upload.dragover {
    border-color: var(--mpdf-accent);
    background: var(--color-primary-soft, rgba(99, 102, 241, .08));
    box-shadow: 0 0 0 3px var(--color-primary-soft, rgba(99, 102, 241, .18));
}

.mpdf-upload-inner {
    display: flex;
    align-items: center;
    gap: 1.1rem;
    flex-wrap: wrap;
    justify-content: center;
}

.mpdf-upload-icon {
    flex: 0 0 auto;
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-md, .75rem);
    background: var(--mpdf-accent);
    color: #fff;
    font-size: 1.6rem;
}

.mpdf-upload-text {
    text-align: left;
    min-width: 0;
}

.mpdf-upload-title {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 800;
    color: var(--color-text, #0f172a);
    letter-spacing: -0.01em;
}

.mpdf-upload-sub {
    margin: .15rem 0 0;
    font-size: .85rem;
    color: var(--color-muted, #64748b);
    font-weight: 500;
}

.mpdf-upload-cta {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .65rem 1.35rem;
    border-radius: var(--radius-sm, .5rem);
    border: 2px solid var(--mpdf-accent);
    background: var(--mpdf-accent);
    color: #fff;
    font-weight: 700;
    font-size: .88rem;
    cursor: pointer;
    transition: background-color .15s ease, color .15s ease, transform .15s ease;
    margin-left: auto;
}

.mpdf-upload-cta:hover {
    background: var(--color-primary-hover, #4f46e5);
    border-color: var(--color-primary-hover, #4f46e5);
    color: #fff;
    transform: translateY(-1px);
}

.mpdf-upload-cta:active { transform: translateY(0); }

.mpdf-upload-meta {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: .35rem 1rem;
    margin-top: 1rem;
    padding-top: .85rem;
    border-top: 1px solid var(--color-border, #e2e8f0);
}

.mpdf-upload-meta span {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    font-size: .75rem;
    font-weight: 600;
    color: var(--color-muted, #64748b);
}

.mpdf-upload-meta i { color: var(--mpdf-accent); }

@media (max-width: 575.98px) {
    .mpdf-upload { height: auto; min-height: 200px; }
    .mpdf-upload-inner { justify-content: center; text-align: center; }
    .mpdf-upload-text { text-align: center; }
    .mpdf-upload-cta { margin-left: 0; width: 100%; justify-content: center; }
}