/* MEELO FORM WRAP */
.me-form-wrap { max-width: 900px; margin: 40px auto; background: #fff; border-radius: 12px; box-shadow: 0 5px 25px rgba(0,0,0,0.05); border: 1px solid #e2e8f0; font-family: -apple-system, sans-serif; overflow: hidden; display:flex; flex-direction:column; }

/* TABS */
.me-tabs-nav { display: flex; background: #f8fafc; border-bottom: 1px solid #e2e8f0; margin: 0; padding: 0; list-style: none; overflow-x: auto; }
.me-tab-link { padding: 15px 20px; cursor: pointer; font-weight: 600; color: #64748b; border-bottom: 3px solid transparent; transition: 0.2s; white-space: nowrap; display: flex; align-items: center; gap: 8px; font-size: 0.9rem; }
.me-tab-link:hover { color: #334155; background: #f1f5f9; }
.me-tab-link.active { color: #0f172a; border-bottom-color: #0f172a; background: #fff; }

/* BODY */
.me-form-body { padding: 30px; background: #fff; min-height: 400px; }
.me-tab-content { display: none; animation: fadeIn 0.3s ease-out; }
.me-tab-content.active { display: block; }
@keyframes fadeIn { from{opacity:0;transform:translateY(5px);} to{opacity:1;transform:translateY(0);} }

/* INPUTS */
.me-input-group { margin-bottom: 20px; }
.me-input-group label { display: block; font-weight: 700; margin-bottom: 6px; color: #334155; font-size: 0.9rem; }
.me-input-group input:not([type=radio]):not([type=checkbox]), select, textarea { width: 100%; padding: 12px; border: 1px solid #cbd5e1; border-radius: 8px; font-size: 1rem; color: #1e293b; box-sizing: border-box; transition: 0.2s; }
.me-input-group input:focus, select:focus, textarea:focus { border-color: #3b82f6; outline: none; box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1); }
.me-row { display: flex; gap: 20px; } .me-col { flex: 1; }

/* TOGGLES & LISTS (Smart Select) */
.me-toggle-box { display: flex; gap: 10px; margin-bottom: 10px; }
.me-toggle-box label, .me-list-item { background: #f1f5f9; padding: 10px 15px; border-radius: 8px; cursor: pointer; font-size: 0.9rem; border: 1px solid transparent; transition:0.2s; display:flex; align-items:center; }
.me-toggle-box input, .me-list-item input { margin-right:10px; accent-color:#0f172a; }
.me-toggle-box label:has(input:checked), .me-list-item:has(input:checked) { background: #f0f9ff; border-color: #0f172a; color:#0f172a; }
.me-scroll-list { max-height: 250px; overflow-y: auto; border: 1px solid #e2e8f0; border-radius: 8px; padding: 5px; margin-bottom:10px; }
.me-list-item { margin-bottom:5px; border:1px solid #e2e8f0; background:#fff; }

/* DROPZONE */
.me-dropzone { border: 2px dashed #cbd5e1; border-radius: 8px; padding: 20px; text-align: center; cursor: pointer; background: #f8fafc; min-height: 100px; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.me-dropzone:hover { border-color: #3b82f6; background: #eff6ff; }
.me-dz-prev img { max-height: 120px; margin-top: 10px; border-radius: 6px; }

/* BOXES */
.me-box { background:#fff; border:1px solid #e2e8f0; border-radius:10px; padding:20px; margin-bottom:20px; }
.me-box-title { font-size:1rem; font-weight:700; border-bottom:1px solid #eee; padding-bottom:10px; margin-bottom:15px; color:#475569; display:block; }

/* FOOTER */
.me-form-footer { padding: 20px 30px; background: #f8fafc; border-top: 1px solid #e2e8f0; text-align:right; display:flex; justify-content:space-between; align-items:center; }
.me-btn { padding: 12px 24px; border-radius: 8px; font-weight: 700; cursor: pointer; border: none; font-size: 1rem; }
.me-btn-primary { background: #0f172a; color: #fff; }
.me-btn-small { background:#f1f5f9; border:1px solid #cbd5e1; padding:6px 12px; border-radius:6px; cursor:pointer; font-weight:600; font-size:0.85rem; color:#475569; }

@media(max-width: 700px) { .me-tabs-nav { overflow-x: auto; } .me-row { flex-direction: column; gap: 10px; } .me-form-footer { flex-direction:column; gap:10px; text-align:center; } }