/* Source: includes/shortcodes.php */
.mm-public-form-card {
        max-width: 400px;
        margin: 40px auto;
        background: #fff;
        border-radius: 16px;
        overflow: hidden;
        font-family: Arial, sans-serif;
        border: 1px solid #f0f0f0;
        box-sizing: border-box;
    }
    .mm-public-form-card * { box-sizing: border-box; }
    .mm-public-form-header {
        background: #ff0000;
        padding: 30px;
        text-align: center;
    }
    .mm-public-form-icon {
        font-size: 36px;
        background: #fff;
        width: 70px;
        height: 70px;
        line-height: 70px;
        border-radius: 50%;
        margin: auto;
    }
    .mm-public-form-body {
        padding: 30px;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }
    .mm-public-form-body h2,
    .mm-public-form-body p { width: 100%; }
    .mm-public-form-body h2 { margin: 0 0 10px; font-size: 22px; }
    .mm-public-form-body p { color: #666; font-size: 14px; margin: 0 0 20px; }
    .mm-public-form-fields {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 15px;
    }
    .mm-public-form-card input[type="text"],
    .mm-public-form-card input[type="email"],
    .mm-public-form-card select {
        display: block;
        width: 100% !important;
        max-width: 100%;
        margin: 0 !important;
        padding: 12px;
        background: #fff;
        border: 1px solid #ccc;
        border-radius: 8px;
        min-height: 44px;
        box-sizing: border-box;
    }
    .mm-public-form-card select {
        appearance: auto;
        -webkit-appearance: auto;
    }
    .mm-public-form-card button {
        display: block;
        width: 100% !important;
        max-width: 100%;
        margin: 0;
        box-sizing: border-box;
        padding: 15px;
        background: #ff0000;
        color: #fff;
        border: none;
        border-radius: 10px;
        font-weight: bold;
        cursor: pointer;
        transition: .3s;
    }
    .mm-public-form-card button:hover {
        transform: translateY(-2px);
        box-shadow: 0 10px 20px rgba(0,0,0,.12);
    }
    .mm-public-form-message {
        max-width: 400px;
        margin: 10px auto;
        text-align: center;
        font-size: 14px;
    }


/* Source: includes/helpers.php */
@media only screen and (max-width:600px){
    .container{width:100% !important;padding:10px !important;}
    .mobile-center{text-align:center !important;}
}


/* Source: admin/forms.php */
.mm-forms-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px}
        .mm-form-box{background:#fff;border:1px solid #dcdcde;border-radius:10px;padding:22px;box-shadow:0 1px 2px rgba(0,0,0,.04)}
        .mm-form-box h2{margin-top:0}
        .mm-form-box .mm-public-preview{display:flex;flex-direction:column;gap:12px;align-items:stretch}
        .mm-form-box .mm-public-preview input,.mm-form-box .mm-public-preview select,.mm-form-box .mm-public-preview button{box-sizing:border-box;width:100%;min-height:46px;margin:0}
        .mm-form-box .mm-public-preview button{display:flex;align-items:center;justify-content:center}
        .mm-shortcode{display:flex;align-items:center;gap:8px;margin:15px 0}
        .mm-shortcode code{display:block;flex:1;background:#f6f7f7;border:1px solid #dcdcde;border-radius:6px;padding:10px;font-size:14px}
        .mm-copy-shortcode{cursor:pointer}
        .mm-form-fields{margin:0 0 18px;padding-left:20px}
        .mm-form-note{background:#f0f6fc;border-left:4px solid #2271b1;padding:12px 15px;margin-top:20px}
        @media(max-width:900px){.mm-forms-grid{grid-template-columns:1fr}}


/* Source: admin/import.php */
/* =========================
   ESTILO GENERAL
========================= */
.mm-wrap {
    max-width: 100%;
    color: #1d2327;
}


.mm-title {
    font-size: 26px;
    margin-bottom: 20px;
}

.mm-card {
    background: #ffffff;
    padding: 25px;
    border-radius: 10px;
    border: 1px solid #ccd0d4;
}

select.mm-map optgroup {
    font-weight: bold;
    color: #2271b1;
}
/* =========================
   STEPS
========================= */
    
#mm-step-2 .mm-actions {
    position: sticky;
    bottom: 0;
    background: #fff;
    padding: 15px;
    border-top: 1px solid #ddd;
}
    
.mm-import-mode {
    display: flex;
    gap: 10px;
}

.mm-mode {
    display:inline-flex;
    align-items:center;
    padding: 8px 14px;
    border-radius: 8px;
    background: #f0f0f1;
    color: #1d2327 !important;
    border: 1px solid #c3c4c7;
    cursor: pointer;
    font-weight: 600;
}

.mm-mode:hover {
    background:#e2e3e5;
}

.mm-mode input {
    display:none;
}

.mm-mode.active {
    background: #FF0000;
    color: #fff !important;
    border-color:#FF0000;
}

.mm-mode.danger.active {
    background: #FF0000;
}
    
.mm-step {
    display: none;
}

.mm-step.active {
    display: block;
}

.mm-step-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

.mm-step-number {
    background: #2271b1;
    color: #ffffff;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mm-step-body {
    margin-left: 5px;
}

.mm-step-body {
    margin-left: 5px;
    margin-top: 10px;
}

.mm-select {
    margin-top: 5px;
}
.mm-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
}

.mm-table th, .mm-table td {
    border: 1px solid #ddd;
    padding: 6px;
    font-size: 12px;
}

.mm-table th {
    background: #f1f1f1;
}
/* =========================
   ELEMENTOS
========================= */
.mm-desc {
    color: #666;
    margin-bottom: 15px;
}

.mm-upload-box input {
    padding: 8px;
}

.mm-btn {
    background: #ff0000 !important;
    color: #fff !important;
    border: none !important;
    padding: 9px 18px !important;
    border-radius: 6px !important;
    cursor: pointer;
    font-weight: 500;
    transition: 0.2s;
}

.mm-btn:hover {
    background: #000000 !important;
}

.mm-preview {
    margin-top: 15px;
}
.mm-import-help {
    background:#f6f7f7;
    border:1px solid #dcdcde;
    border-left:4px solid #2271b1;
    border-radius:8px;
    padding:14px 18px;
    margin:0 0 18px;
    color:#1d2327;
}
.mm-import-help strong { color:#1d2327; }
.mm-import-help ul { margin:10px 0 8px 20px; }
.mm-import-help li { margin:5px 0; }
.mm-import-help code { background:#fff; padding:2px 5px; border-radius:4px; }
.mm-import-example { background:#fff; border:1px solid #dcdcde; border-radius:6px; padding:8px 10px; margin-top:10px; }
.mm-mapped {
    border: 2px solid #00a32a !important;
}
/* GRID MAPPING */
.mm-mapping-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.mm-mapping-grid > div {
    background: #fff;
    padding: 12px;
    border-radius: 10px;
    border: 1px solid #ddd;
}

/* LABEL */
.mm-mapping-grid label {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 5px;
    color: #1d2327;
}

/* SELECT */
.mm-mapping-grid select {
    padding: 6px 8px;
    border: 1px solid #ccd0d4;
    border-radius: 6px;
    background: #fff;
    font-size: 13px;
}

/* HOVER */
.mm-mapping-grid select:focus {
    border-color: #2271b1;
    outline: none;
}

/* RESPONSIVE */
@media (max-width: 700px) {
    .mm-mapping-grid {
        grid-template-columns: 1fr;
    }
}

.mm-select {
    min-width: 250px;
    padding: 20px;
    font-size: 14px;
}

.mm-separator {
    margin: 20px 0;
}

/* =========================
   PROGRESO
========================= */
.mm-progress-bar {
    width: 100%;
    background: #eee;
    border-radius: 6px;
    overflow: hidden;
}

#mm_progress {
    width: 0%;
    height: 16px;
    background: #4caf50;
}

/* =========================
   RESULTADO
========================= */
.mm-result-box {
    background: #ffffff;
    padding: 15px;
    border-radius: 8px;
    border: 1px solid #ccd0d4;
}

.mm-result-box div {
    margin-bottom: 8px;
    font-size: 15px;
}
    /* COLORES RESULTADO */
.mm-ok { color: #2e7d32; font-weight: bold; }
.mm-error { color: #c62828; font-weight: bold; }
.mm-dup { color: #f9a825; font-weight: bold; }
    
button{
    background:#FF0000;
    color:#fff;
    border:none;
    padding:9px 18px;
    border-radius:6px;
    cursor:pointer;
    font-weight:500;
}
button:hover{
    background:#005177;
}


/* Source: admin/subscribers.php */
.mm-export-lists-form{display:inline-flex;align-items:center;gap:8px;vertical-align:middle}
.mm-export-lists-select{min-width:190px;height:36px;padding:0 28px 0 10px}
.mm-export-help{display:block;width:100%;margin-top:5px;color:#646970}