/* Container */
.mt-container { max-width:520px; margin:20px auto; font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; }

/* Forms */
.mt-form {
  display:flex;
  flex-direction:column;
  gap:10px;
  background:#ffffff;
  padding:18px;
  border-radius:10px;
  border:1px solid #e6e6e6;
  box-shadow: 0 6px 18px rgba(18,18,18,0.03);
  color:#111;
}

/* Inputs */
.mt-form input[type="text"],
.mt-form input[type="email"],
.mt-form input[type="password"],
.mt-form textarea {
  width:100%;
  padding:10px 12px;
  border:1px solid #d6d6d6;
  border-radius:8px;
  background:#fafafa;
  font-size:14px;
  color:#111;
  box-sizing: border-box;
}

/* Buttons */
.mt-submit-btn {
  background:#111;
  color:#fff;
  border:none;
  padding:10px 14px;
  border-radius:8px;
  cursor:pointer;
  font-weight:600;
}
.mt-submit-btn:hover { background:#222; }

/* Tabs */
.mt-tabs { display:flex; gap:8px; margin-bottom:12px; }
.mt-tab-link {
  padding:8px 12px;
  border-radius:8px;
  background:#f3f3f3;
  border:1px solid #e6e6e6;
  cursor:pointer;
  font-weight:600;
}
.mt-tab-link.active { background:#111; color:#fff; border-color:#111; }

/* Previews */
.mt-previews {
  display:flex; flex-wrap:wrap; gap:10px; margin-top:8px;
}
.mt-previews .preview-wrapper {
  position:relative;
  width:84px; height:84px;
  border-radius:8px;
  overflow:hidden;
  border:1px solid #e0e0e0;
  background:#f7f7f7;
}
.mt-previews img { width:100%; height:100%; object-fit:cover; display:block; }

/* Remove label styled top-right */
.mt-previews .remove-image {
  position:absolute;
  top:6px; right:6px;
  background: rgba(211, 47, 47, 0.85); /* vermelho com transparência 65% */
  color:#fff;
  padding:4px 6px;
  font-size:11px;
  border-radius:6px;
  cursor:pointer;
  text-decoration:none;
}

/* Small helpers */
.mt-response { margin-top:8px; font-size:14px; }
.mt-response .success { color:#096; }
.mt-response .error { color:#b42318; }